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DOCUMENT MARKUP LANGUAGE AND SYSTEM AND METHOD FOR 
GENERATING AND DISPLAYING DOCUMENTS THEREIN 



Field of the Invention 

The present invention is related to the generation and processing of documents in a 
markup language. 



Background of the Invention 

10 Markup languages, such as the standard generalized markup language (SGML), and 

variants thereof, have been used previously in electronic publishing. One advantage of a 
markup language, rather than a particular data file format, is that a markup language defines 
elements which describe the structure of a document. In such a document, markup language 
elements include tags and their content, such as text, graphics, pointers to other documentary 

1 5 or other media. Tags may include start tags, end tags, or empty tags. A start tag begins a 
markup element. An end tag ends the corresponding markup element. These start and end 
tags generally define the boundaries of an element. An empty tag is understood as being both 
a start and an end tag with no content. These tags and their content are interpreted when the 
document is rendered to display the content of the document according to a desired format. 

20 One form of markup language is the hypertext markup language (HTML) which is commonly 
used in a client-server system to distribute electronic documents. These documents are 
typically transferred using the hypertext transfer protocol (HTTP) over the Intemet or other 
computer network using the TCP/IP protocol. Other markup languages include the virtual 
reality modeling language (VRML) and HyTime, among other markup languages. Markup 

25 languages generally have been used to define the structure of electronic dociunents. When 
graphics are used within these documents, they are imported into such documents by using a 
tag, such as the "<IMG>" tag in HTML. This tag uses a reference to a data file in some 
graphic file format to import the image data. Additionally, such markup languages typically 
have a mechanism to provide a hypertext link from a location in one document to a location 

30 in another document. 

While markup languages have many usefiil features, they also have some 
limitations. For example, in HTML, each element can have a hypertext link to only one other 

element or file. Similarly, in HTML, graphics require an image file already to be created. 

.)■ 
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The entire image is displayed. HTML browsers generally do not allow selective viewing of 
only a portion of an image or otherwise allow a browser to "zoom" in and out on an image. 

Further, these HTML documents contain static content, and when updated, need to 
be reloaded from a server. In addition, updated HTML documents need to be created 
manually and deposited in server directories, creating additional work for a document 
administrator. 



Smnmarv of the Invention 

The present invention uses a markup language that defines elements which improve 
the ability of users to view more complex documents, particularly graphical documents, such 
as those based on data generated by computer-aided design, computer-aided software 
engineering, or other data modeling tools. Further, one embodiment of the present invention 
allows a display of an electronic document to dynamically change in response to user input. 

Accordingly, one aspect of the present invention is an electronically published 
document containing descriptive markup defining several tags. These tags define elements 
which are interpreted to define a diagram containing a plurality of layers. Each layer contains 
several graphical objects. An object may have associated with it a menu of actions or 
hypertext links. 

Another aspect of the invention is a computer system or computer-implemented 
process which processes such an electronically published document and generates on a 
computer display the diagram defined by the descriptive markup. Elements of the electronic 
document are instantiated as objects which may be responsive to user input. These objects 
may be graphics objects which respond to events received from the user through the computer 
system. The different layers of the document may be displayed selectively. Also, the view of 
the diagram may change using a zoom function, or it may be refireshed, i.e., redisplayed, or 
the electronically published document may be reloaded and reprocessed. One or more objects 
may be selected. Selection of objects may invoke a display of a menu of selectable actions 
which are associated with that object. These actions may include one or more hypertext 
links. 

Another aspect of the invention is a computer system for generating and displaying 
electronically published documents having a plurality of markup elements, the computer 
system comprising a display configuredto display an input electronic document to a user and 

SUBSTITUTE SHEET (RULE 26) 



wo 98/33127 PCT/US98/01763 

. a processor which processes the input electronic document and generates a first image on the 
display of the computer system on the basis of the plurality of markup elements, wherein the 
processor is responsive to an input of the user to generate a second image of the input 
electronic document based on the user input. 

5 In another aspect of the invention, the processor instantiates a first object 

corresponding to at least one of the plurality of markup elements. In another aspect at least 
one of the plurality of markup elements is a graphics element. In another aspect of the 
invention the processor instantiates an object corresponding to the graphics element. 

Another aspect of the invention is a computer system wherein the processor 

10 instantiates a parser object configured to parse the input electronic document. In another 
aspect of the invention is a computer system wherein the processor instantiates a second 
object having a defined relation to the first object and is adapted to change a representation of 
the second object when a representation of the first object is changed. In another aspect of 
the invention, the processor instantiates a view handler object that responds to user input. 

15 In another aspect of the invention the processor instantiates a parser object 

configured to parse the input electronic document and wherein the processor instantiates a 
diagram object based on the plurality of markup elements. In yet another aspect of the 
invention, wherein the diagram object includes a plurality of shape objects which represent 
graphic markup elements. In another aspect of the invention, the diagram object includes a 

20 plurality of layers with which are associated each of the plurality of shape objects. 

In another aspect of the invention is a computer system according wherein the 
processor is adapted to a display one or more of the plurality of layers. 

In yet another aspect of the invention, selection of a graphics object by a user 
invokes a menu of selectable actions. 

25 In another aspect of the invention is a computer system wherein one or more of the 

selectable actions have an associated link to another input electronic document. In another 
aspect of the invention, the first object is responsive to the user input and wherein the 
processor generates an updated display of the first object based on the user input. 

Another aspect of the invention is a computer system wherein the first object is 

30 associated with a graphics element, and is responsive to a function and wherein the fimction 
provides the updated display is different than an original display of the first object. Another 
aspect of the invention is computer system wiierein the processor instantiates a second 
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graphics object having a defined relation to the first graphics object and is adapted to change 
a representation of the second graphics object when the original display is updated. 

Accordingly, another aspect of the present invention is an electronically published 
document comprising a computer readable medium with computer logic stored thereon and 
5 defining descriptive markup defining several tags, wherein each tag defines an element, 

wherein an element is interpreted to define a diagram containing a plurality of layers, wherein 
each layer contains several graphical objects, and wherein each object may have associated 
therewith a menu of actions or hypertext links. 

Another aspect of the invention is a computer system or computer-implemented 
1 0 process which processes such an electronically published document and generates on a 

computer display the diagram defined by the descriptive markup, wherein the different layers 
of the document are displayed selectively. 

Accordingly, another aspect of the invention is a computer-readable medium having 
computer-readable logic stored therein defining a data structure for representing an electronic 
15 document, the data stmcture comprising means defining the electronic document as a 

plurality of markup elements defining a first one of the plurality of markup elements wherein 
the one includes an attribute expressing an inheritance relation to a second element that is at a 
same hierarchical level as the first one. 

Another aspect of the invention is a computer-readable mediimi wherein the one of 
20 the plurality of markup elements may be instantiated as an object by a computer process. 

Another aspect of the invention is a computer-readable medium wherein the one of 
the plurality of markup elements is a graphics element. 

Another aspect of the invention is a computer-readable medium the data structure 
ftirther comprising means for defining a menu having selections associated v^th the one, 
25 wherein each element has an associated link. 

Another aspect of the invention is a computer-readable medium wherein the first and 
second elements are graphical elements, and wherein an interpreted display of the first 
element depends on attributes of the second object. 

Another aspect of the invention is an object-oriented computer system for generating 
30 and displaying an electronic document including a plurality of markup language elements, the 
system comprising of a parser object class wherein an instance of the parser object class 
comprises a method adapted to parse thfe electronic document, a diagram object class wherein 
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an instance of the diagram object class is generated by the parser object class and comprises a 

plurality of shape objects representing graphic elements and a view handler object class 

wherein an instance of the view handler object class comprises a method for manipulating the 

diagram object used by the parser object class to generate an updated diagram object. 
5 Another aspect of the invention is an object-oriented system wherein a first instance 

of the shape object class has a defined relation to a second instance of the shape object class 

and is adapted by a change in the second instance. 

Another aspect of the invention is a method for generating and displaying an 

electronically-published document having a plurality of markup elements, the method 
10 comprising the steps of parsing an input electronic document, generating a display of the 

input electronic document, responding to a user input by generating a different display of the 

electronic document based on the user input. 

Another aspect of the invention is a method wherein the parsing step includes the 

steps of reading a markup element of the input electronic document and instantiating a first 
1 5 object associated with the markup element. 

Yet, another aspect of the invention is a method wherein the responding and 

generating step includes the steps of determining a change in the first object based upon the 

user input determining a change in a second object based on the change in the first object and 

generating a display of the changed first and second objects. 
20 . Anotheraspect of the invention is a method wherein the first and second objects are 

graphics objects and the change in the first object is a change in zoom. 

Another aspect of the invention is a method wherein the input electronic document 

comprises a plurality of markup elements with at least one of the markup elements being a 

graphics element, and wherein the responding step includes the steps of displaying the 
25 graphics element and generating, in response to the user input, a different display of the 

graphics element. 

Another aspect of the invention is a method for processing an electronically- 
published document having a plurality of markup elements, the rnethod comprising the steps 
of parsing an input electronic document, reading a plurality of markup elements of the input 
30 electronic document, instantiating objects corresponding to the plurality of markup elements, 
and generating output and accepting inputs, by at least one object to a user. 
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Further features and advantages of the present invention as well as the structure and 
operation of various embodiments of the present invention are described in detail below with 
reference to the accompanying drawings. 



Brief Description of the Drawing s 

In the drawings, 

Fig. 1 is a data flow diagram illustrating a computer network as an example 
embodiment in which the present invention may be used; 

Fig. 2 is a module dependency diagram of a display system in accordance with one 
embodiment of the present invention; 

Fig. 3 is a state diagram of a program for displaying a document; 

Fig. 4 is a state diagram of the state of servicing user interface events in Fig. 3; 

Fig. 5 is an object model of the diagram object in Fig. 2; 

Fig. 6 is an object model of the shape object class illustrated in Fig. 5; 

Fig. 7 is an object model of the view handler shovra in Fig. 2; 

Fig. 8 is a display generated from the sample document of Appendix II; 

Fig. 9 is a display generated from the sample document of Appendix III; 

Fig. 10 is a display of a document generated by Appendix III; 

Fig. 1 1 is a display generated from the sample document of Appendix IV; 

Fig. 12A is a diagram of an interface for allowing zooming of the displayed 

diagram; 

Fig. 12B is a diagram of an interface for allowing selection of layers of the diagram; 
Fig. 13 is a display generated from the sample document of Appendix V; 
Fig. 14 is a display generated using selected layers from the display of Fig. 13; 
Fig. 15 is a display generated with all selected layers of the document of Appendix 

V; 

Figs. 1 6A-16F are parts of an enlarged view of Fig. 7; and 
Figs. 17A-17H are parts of an enlarged view of Fig. 5. 



Detailed De scription 
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The present invention will be more completely understood through the following 
detailed description which should be read in conjunction with the attached drawing in which 
similar reference numbers indicate similar structures. All references cited herein are 
expressly incorporated by reference. 

Electronically published documents may be using descriptive markup, i.e., tags, 
which define a hierarchical structure of a plurality of elements. Such amarkup language is 
the standard generalized markup language (SGML). A document may be represented using a 
structure that is defined as a document type within the SGML standard. The document type 
definition for a markup language used in one embodiment of the present invention is found in 
Appendix I, which is incorporated herein by reference. Sample documents in this language 
are in Appendices II, III, IV and V, which are incorporated by reference. 

Referring now to Fig. 1 , one embodiment of the present invention will now be 
described. It should be understood that there are several different embodiments which are 
possible, and that the invention is not limited to the one described. 

Fig. 1 illustrates a computer system 20 which receives as one input a data file 22 
which contains a document in a markup language, such as the language of the document type 
shown in Appendix I. The computer system 20 generates display data 24 and processes user 
requests 26. 

A suitable computer system 20 typically includes an output device which displays 
information to a user. The computer system includes a main unit connected to the output 
device and an input device, such as a keyboard. The main unit generally includes a processor 
comiected to a memory system via an intercomiection mechanism. The input device is also 
connected to the processor and memory system via the comiection mechanism, as is the 
output device. 

It should be understood that one or more output devices may be connected to the 
computer system. Example output devices include a cathode ray tube (CRT) display, liquid 
crystal displays (LCD), printers, communication devices such as a modem or network 
interface, and audio output. It should also be understood that one or more input devices may 
be comiected to the computer system. Example input devices include a keyboard, keypad, 
track ball, mouse, pen and tablet, communication device, audio input and scanner. It should 
be understood the invention is not limited to the particular input or output devices used in 
combination with the computer system or to those described herein. 
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The computer system 20 may be a general purpose computer system which is 
programmable using a high level computer programming language, such as the "C", "C-h-'\ 
and "Java" programming languages (Java is a trademark of Sun Microsystems, Inc.). Other 
programming languages are available. The computer system may also be specially 

5 programmed, special purpose hardware. In a general purpose computer system, the processor 
is typically a commercially available processor, of which the series x86 processors, such as 
the Pentium II processor with MMX technology available from Intel and similar devices from 
AMD and Cyrix, and the 680X0 series microprocessors available from Motorola are 
examples (Pentium and Intel are registered trademarks of the Intel Corporation, MMX is a 

10 trademark of the Intel Corporation, AMD is a trademark of Advanced Micro Devices, Inc., 
Cyrix is a registered trademark of the Cyrix Corporation, and Motorola is a trademark of 
Motorola, Inc.). Many other processors are available. Such a microprocessor executes a 
program called an operating system, of which the Windows NT, Windows 95, UNIX, DOS, 
VMS, ULTRIX, IRIX, Solaris, VxWorks, OSAVarp, MacOS, and IntranetWare operating 

15 systems are examples (Windows, DOS, and Microsoft are registered trademarks; and 

Windows NT is a trademark of the Microsoft Corporation, VMS and ULTRIX are trademarks 
of Digital Equipment Corporation, IRIX is a registered trademark of Silicon Graphics, Inc., 
Solaris is a registered trademark of Sun Microsystems, OS/Warp is a registered trademark of 
International Business Machines, Inc., and MacOS is a registered trademark of the Apple 

20 Corporation). The operating system controls the execution of other computer programs and 
provides scheduling, debugging, input/output control, accoimting, compilation, storage 
assignment, data management and memory management, and communication control and 
related services. The processor and operating system define a computer platform for which 
application programs in high-level programming languages are written. 

25 A memory system typically includes a computer readable and writeable nonvolatile 

recording medium, of which a magnetic disk, a flash memory and tape are examples. The 
disk may be removable, such as a floppy disk or removable hard drive, or permanent, such as 
an internal hard drive. A disk has a number of tracks in which signals are stored, typically in 
binary form, i.e., a form interpreted as a sequence of ones and zeros. Such signals may define 

30 an application program to be executed by the microprocessor, or information stored on the 
disk to be processed by the application program. Typically, in operation, the processor 
causes data to be read from the nonvolatile recording medium into an integrated circuit 
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memory element, which is typically a volatile, random access memory such as a dynamic 
random access memory (DRAM) or static memory (SRAM). Other memory types are 
available. The integrated circuit memory element allows for faster access to the information 
by the processor than does the disk. The processor generally manipulates the data within the 
integrated circuit memory and then copies the data to the disk when processing is completed. 
A variety of mechanisms are known for managing data movement between the disk and the 
integrated circuit memory element, and the invention is not limited thereto. It should also be 
understood that the invention is not limited to a particular memory system. 

It should be understood the invention is not limited to a particular computer 
platform, particular processor, or particular high-level programming language. Additionally, 
the computer system 20 may be a multiprocessor computer system or may include multiple 
computers connected over a computer network. 

The present invention is also suitable for implementation in a network environment, 
such as the Internet or an Intranet, which connects a server 30 to a client or browser 32. The 
server 30 maybe a hypertext transfer protocol (HTTP) server which makes files 22, and 
possibly computer programs such as "Java applets" 34, available to the browser 32. Java 
applets are programs implemented in the Java programming language, which is a well-known 
object-oriented language in the art of programming. There are many commercially available 
HTTP servers. Other file transfer protocols and servers may be used. The browser 32 rn^y be 
any commercially available browser that has the ability to process markup language 
documents. For the purposes of processing java applets 32, the browser should be "java- 
enabled", that is, the browser should be capable of executing programs written in the Java 
programming language. The Netscape Navigator browser, from Netscape Communications, 
Inc., and the Internet Explorer browser, from Microsoft Corporation, are examples of such a 
browser. The browser and the server generally communicate by transferring HTTP messages 
over the network, which typically uses the TCP/IP networking protocol. It is understood that 
other networking protocols may be used. 

In one embodiment to be described, the "java applet" 34 is utilized by the browser 
32 to process documents in the markup language in accordance with one embodiment of the 
present invention. It should be understood that the browser 32 could also be modified to 
process this markup directly, similar to how other extensions to the hypertext markup 

.,, 
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language (HTML) are processed. Further, it should be understood that the HTML language 
may be extended to support these features. 

In order to process a document in the markup language in accordance with one 
embodiment of the invention, an object oriented system is implemented using a Java 

5 programming language. This system has four primary object classes as shown in Fig, 2. 
These object classes are a view handler 40, a parser 42, a diagram 44 and a shape 46. The 
parser 42 generates the diagram 44. The view handler 40 is an object that has several 
methods associated with it to manipulate the diagram 44. Also, the view handler object 40 
uses the parser object 42 to generate the diagram 44. The diagram has several shapes 46 

10 associated with it, one for each graphical object defined in the diagram. A shape object is 
instantiated or generated for each of the graphical objects defined. 

The state diagram of a program which generates and uses these objects will now be 
described in cormection with Fig. 3. First, the java applet for processing this markup 
language is loaded by the browser in state 50. The applet accesses the file containing the 

15 markup language document and parses it in state 52. Parsing of the HGML document is done 
using standard markup language processing techniques using the document type definition 
(DTD) provided in Appendix L A particular DTD may be defined by one or more grammar 
rules as shown in Appendix I. Given a set of grammar rules, a parser may be constructed that 
verifies the format of a document. Parser creation is well-known in the art of compiler 

20 theory. However, in one embodiment of the invention, the parser is instantiated as an object 
that parses an HGML document. Upon verification by the parser that the document is valid, 
the^raphical objects defined by the document are then laid out in the display area in state 54. 
For example, referring to the document shown in Appendix II, a diagram having a size of 
2,000 pixels by 2,000 pixels is first defined. Each graphical object, such as a rectangle with 

25 an identifier equal to "1 is defined as an object, as will be described below, having a given 
position, size, color and fill. The position of each graphical object within the diagram is 
determined. The graphical objects are then drawn on the display in state 56. These graphical 
objects are instantiated in the memory of the computer system. Once objects are drawn on 
the display, user interface events can be serviced in state 58, which will be described in more 

30 detail in connection with Fig. 4. Because markup elements are instantiated as objects, the 
objects may be configured to respond to user events. Upon termination of the need to service 
user events, the applet is then terminated in state 60. 
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It Should be understood that the invention is not limited to representation of 
processing and display of graphical objects, but any markup element may be represented by 
an object that receives events. It should also be known that the generation of these objects is 
not limited to applets or the Java programming language, but these objects may be generated 
by a program written in any other object-oriented programming language. Also, the objects 
may be implemented in any suitable programming language, such as a sequential 

programming language. 

Before describing the servicing of user interface events in connection with Fig. 4, 
Some sample output displays will be described in connection with Figs. 8-15 and their 
corresponding sample markup documents, shown in Appendices II-V. 

Fig. 8 shows an organizational chart that may be generated using one embodiment of 
[a markup language] suitable for implementing the invention. This display corresponds to the 
document shown in Appendix II. Each of the displayed rectangles, such as 62, may be 
selected, as may names such as shown at 64. The selection of an object results in the display 
of a menu 66 which allows the selection of one of a multiple of uniform resource locators 
(URL). This menu of selections expands on the hypertext capability typically found in 
HTML documents which allows only one hypertext link assigned per HTML element. 

A markup language of the kind described herein is typically useful for viewing data 
developed using a model-based development environment. Such models are used to describe 
function, behavior, process, system architecture, and several other aspects of a system. The 
model diagrams describe not only the system or process, but are used as a focal point of 
•understanding for communicating information about, designing and supporting a system or 
process. Having multiple models, each representing different views of the system or process 
• that can be browsed and navigated to other model data or perhaps to non-model data, is 
particularly helpful in model-based development environments. 

Models also describe systems in a formalized methodology. This formalism allows 
models developed using some software tools to be converted to a markup language in 
accordance with the invention to allow them to be displayed and navigated. In general, 

certain types of data may be mapped to tags and attributes in the markup language. In 
addition, information regarding relationships among data can be used to generate hypertext 
links between elements. 
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Figs. 9 and 10, which are based on the document in Appendix III, illustrate how 
semantically important information, such as data from a database, can be used to generate 
informative displays. Figs. 9 and 10 illustrate a data flow diagram which includes primitive 
and non-primitive processes. A non-primitive process may be decomposed into other 
5 processes. Such information may be derived from any original information used to generate 
such a data flow diagram, for example, a computer-aided design or computer-aided software 
engineering tool. For example, particular defined processes may be designated as primitive 
or non-primitive and have an associated shape and/or color. Such information may be 
represented in a markup language either by an element tag or an attribute. A non-primitive 
10 element will be decomposed into other elements. Typically, another drawing will exist for 
that decomposition. When a given object, e.g., 68, is selected, a menu 70 may be displayed in 
which a reference to the decomposition of that element may be one of the possible hypertext 
links, as illustrated by the command "Show Child." Other information also may be available, 
such as a CAD drawing, a requirements document or personnel and pricing data. 
15 Fig, 10 illustrates the same document but with a menu that is displayed when "empty 

space" on the diagram is selected. Empty space signifies the space within the diagram which 
is not occupied by an object. Each diagram may have primitive operations associated v/ith it, 
such as zooming, layering, refreshing and reloading, which can be selected using this menu. 
For example, reloading forces re-reading of the data from its source, refreshing causes a 
20 diagram to be repainted on the display. The menu also may allow for selection of a parent 
diagram, for which this model is a decomposition, as indicated at 72. If a zooming function 
is selected, a zooming window, shown in Fig. 12A, is displayed to the user, from which the 
user can control the size of the image they are viewing. This zooming function allows the 
defined documents to be redisplayed within the diagram area in a different size. The layer 
25 function presents a layer window to the user, from which the user can tum on and off the 
display of selected layers. Layers are defined by and dependent upon the markup language 
and whether layers are introduced in the authoring process. An example of layering will be 
described in more detail below in connection with Appendix V and Figs. 13-15. 

Some diagram shapes may be replaced by pictures or other graphics, such as shown 
30 at 78 and 80 in Fig. 1 1, and as defined by the document in Appendix IV. 

Referring now to Fig. 13, the document of Appendix V can be used to display a 
simple image in a window. Using a language such as HTML, any particular point on this 
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graphic may be associated with only a single action or uniform resource locator (URL). 
Additionally, the image that is loaded is one graphic Hie. The regions of the image which are 
associated with different URLs are commonly implemented using a mapping function which 
maps a pair of coordinate values to a single action to be performed. It is difficult to 
determine where the image map actually is on an image in an HTML document. 

By using layers defined by the markup language of one embodiment of the present 
invention, the image may exist in one layer and image map areas may be implemented as 
another layer. Referring to Fig. 14, in the present invention, each region of the image also 
may be associated with a menu of possible hypertext links rather than a single link. This 
menu can be displayed as shown at 82. When the image map areas are implemented using a 
layer, the layers may be displayed or selected using the layering feature, which displays the 
menu 84. This capability can guide a user to different areas of interest. 

Another aspect of the markup language in accordance with one embodiment of the 
invention is the attachment of objects, provided using the "attach" and "attach_type" 
attributes. This aspect allows an object or graphic shape to be defined in relation to other 
objects in the diagram. The position, height and width can be defined in this way. This 
allows an object to be defined, for example, as being positioned in the center of another 
object and having one quarter of the size of the other object. A more complex example is the 
relation wherein one object is centered between two other objects having the same height as 
the first object, but a width equal to, e.g., one third the distance between the two other 
objects. This feature is useful in representing one object in relation to others so that when one 
is changed, the others are changed in the same maimer. 

Having now described some of the markup language features, and their 
corresponding display features, the state diagram for processing user interface events to 
provide these features will now be described in connection with Fig. 4. 

A first state is the "nothing selected" state 90. Events which effect the state 
transitions are the user interface events such as a mouse click (either on or off) or the 
completion of an action or the selection of a menu item. Given a mouse click on an object, 
processing moves to the "one thing selected" state 92. If a click on the same object is 
received, the system returns to state 90. A click off of an object returns to the "nothing 
selected" state also. A shift key in combination with a mouse click on an object causes a 
transition to the "multiple thing selected" state 94. A shift key and click on additional items 
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will add them to a list of selected items. A mouse click on one of the already selected items 
will eliminate it from the list. A mouse click off any of the selected items will cause a 
transition back to the "nothing selected" state 90, Ajfter a transition to the"one thing selected" 
state 92 or ''multiple things selected" state 94, or a click on the background in the ''nothing 
selected" state 90, appropriate menus are displayed, which involves a transition to the 
"service selection" state 96. In this state, either the background menu, menu for a selected 
object, or menu for the group of selected objects is displayed and there is a transition to the 
"menu display" state 98. On selection of a menu action, a transition is made to state 100 
where the menu is removed from the display and the action associated with the menu item is 
invoked. If the menu action involves exiting the diagram, the process is terminated in state 
102. Otherwise, processing returns to state 96. In state 98, if no menu item is selected, for 
example, by the receipt of a mouse click event outside the menu eirea, the menu is removed 
from the display in state 104, Processing then returns to the "service selection" state 96 
which then reverts back to the "nothing selected", "one thing selected" or "multiple things 
selected" states 90, 92 or 94, according to the objects selected which caused display of the 
menu in the first place. 

Having now described the general flow of the display and user interface interaction 
with documents in the markup language of the present invention, the layout of the graphical 
objects will now be described in connection with Figs. 5 through 7. These Figs, are drawn 
according to the object modeling technique (OMT) which is well-known in the art of object 
oriented programming and described in Object-Oriented Modeling and Design by James 
Rumbaugh et al., Prentice-Hall, Inc., New Jersey, 1991, which is incorporated by reference. 

Fig. 5 shows that the diagram 44 is comprised of layers 246 and selected objects 
248. Each layer 246 is comprised of diagram objects 252. The diagram class is the root of ail 
layers and diagram objects and is responsible for dispatching events from the display area to 
the appropriate diagram objects. Each diagram object has an associated shape 250. The list 
of selected objects 248 comprises a list of diagram objects 252. Each diagram object 252 is 
associated with actions 254. An action 254 may be comprised of several action items 256. 
An action item 256 is a uniform resource locator (URL) attached to a diagram object. It is 
displayed as a menu item in the display area and is executed by the navigator. If the 
navigator cannot handle the event, it is passed to the viewer. An action item has an 
associated anchor 258. An attachment"* 260 has an appearance defined by a diagram object. A 
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group object 262 is associated with a number of diagram objects, while single object 264 is 
defined as a single diagram object 252. These are subclasses of the diagram objects 252. 
Diagram objects and diagrams may also have an attribute 266 associated therewith. An 
attribute is comprised of one or more attribute items 268. Each attribute item may have an 

5 associated text block 270. 

Referring now to Fig. 6 shows the different types of graphical objects which may be 
displayed. For example, there may be arc objects 140, eUipse objects 142, group objects 144, 
line objects 146, bit mapped images 148, polygons 150, rectangles 152, text blocks 154, and 
text segments 156. Other object types also may be displayed. Each one of these objects are 

10 subclasses of the shape object class 158. The shape is comprised of an extent object 160 
which defines the area of pixels within the diagram that is considered part of the object. A 
line has associated with it a line style object 162 and a line point object 164. An arrow object 
166 is a subclass of a line 146 and has an arrowhead 168. A regular polygon 170 is a 
subclass of a polygon 150. Text block 154 and text segments 156 use a text attribute 172. A 

15 text block 154 uses a text segment 156. An anchor object 174 is also used. It is part of a text 
block with anchor object 176 and text segment with anchor object 178. Each of the objects 
176 and 178 respectively are subclasses of a text block 154 or text segment 156. Instances of 
each of these object classes are generated directly from the markup tags and associated 
attributes which indicate those objects. 

20 Referring now to Fig. 7, the display area 1 80 is the part of the display on which the 

diagram is drawn. This class is responsible for displaying the diagram objects, scaling the 
diagram objects and dispatching mouse events. The size of the display area is the size of the 
diagram times the scale. The navigator object class 1 82 is the container for the scale scroller 
and the display area. It uses the scale scroller to handle the scrolling of the diagram in the 

25 display area. The scale scroller class is responsible for handling the horizontal and vertical 
scroll bars. The scroll bars are only displayed if the display area is larger than can be 
displayed by the navigator. An diagrams visited object 184 keeps a list of diagrams that have 
been viewed with the viewer. When an action item calls a URL to display a diagram, this list 
is checked to determine whether the diagram was already retrieved. Is so, the existing 

30 diagram object is displayed instead of retrieving the URL. 

The viewer 40 and navigator 182 are subclasses of the action handler object 186. 
The action handler is an abstract class, ./oiy class that implements this class is allowed to 
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service the action item request. The viewer class controls all interaction between the applet 
and the browser. Its responsibilities include creation of the diagram drawing space, 
communication with the HTTP server for retrieving files in this markup language and 
invocation of action items which are URL references. The navigator performs action items 
1 88 which are elements within a menu item 190 which in tum are within a menu 192 which is 
displayed by a method of the display area object 180. A menu item represents the visual 
component of an action item. A control object 198 is an operation that can be performed by 
the navigator, which are included in a list maintained as an abstract class called a control list 
200. Navigator 1 82 has a navigational control object 202 which is a subclass of the control 
list 200. It is the list of available or built-in menu options that are performed by the 
navigator. Some global variables are stored in a global object 204, such as the base URL of a 
document. 

The navigator also has a zoom control object 194 which uses a scale controller 196. 
The zoom control displays a window to the user as shown in Fig. 12A which allows the user 
to change the zoom factor or scale of the diagram objects displayed in the display area. By 
changing the scale, the diagram is redisplayed in the new scale immediately. 

A layer control object 210 is used to monitor which layers are active to be used by 
the navigator 182. It has a method for displaying a window which lists all the layers in the 
diagram. The user can select a layer to display it or deselect it in order not to display it. The 
display of the diagram is updated inmiediately upon a layer selection change. 

The ExtFrameProducer 207 is an abstract class. Any class that implements this class 
is allowed to produce external windows, such as the zoom control and layer control classes. 
The ExtFrame class 208 is an extemal window container. It is used for displaying any pop- 
up window. The ExtFrame is added to an extemal frame list object 206. The frames are 
created by the class 207 or a subclass. 

Each of the object classes has associated methods for creation of instances of these 
objects, reading and displaying these objects, updating the values describing the objects and 
deleting the objects. The implementation of such methods can be done by one of ordinary 
skill in the art and following the desired display and user interface actions above. 

Having now described a few embodiments of the invention, it should be apparent to 
those skilled in the art that the foregoing is merely illustrative and not limiting, having been 
presented by way of example only. Numerous modifications and other embodiments are 
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within the scope of one of ordinary skill in the art and are contemplated as falling within the 
scope of the invention as defined by the appended claims and equivalents thereto. 
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Appendix I 



<!-- ===== = = ======== HyperGraphic Markup Language ============= 

Document Type Definition for the HyperGraphic Markup Language 
(HGML DTD) 

Id: hgml.dtd v 1.0 09/10/1996 

Author: Ronald E. Fortin <ref ©mesasys . com> 

See Also : http : / / www . mesasys . com/hgml , html 



<! ENTITY % HGMLVersion 
"-//Mesa //DTD HGML 1.0 //EN" 

Typical usage: 
<!DOCTYPE HGML PUBLIC " - //Mesa//DTD HGML 1.0//EN"> 
<hgml> 



</hgTnl> 



< I --===================-== Imported Names ======================- - > 

<! ENTITY % URI "CDATA" 

The term URI mesuas a CDATA attribute 
whose value is a Uniform Resource Identifier, 
as defined by 

"Universal Resource Identifiers" by Tim Bemers-Lee 
aka RFC 1630 

Note that CDATA attributes are limited by the LITLEN 
capacity (1024 in the current version of html. deal), 
so that URIs in HGML have a bounded length. 

> 

<!-- ============== Character mnemonic entities =============== 

<! ENTITY % ISOlatl PUBLIC 

"ISO 8879-1986//ENTITIES Added Latin 1//EN//HTML" > 
%IS01atl; 

ENTITY amp CDATA "&" ampersand 
ENTITY gt CDATA ">" greater than --> 
ENTITY It CDATA «<" less than --> 

ENTITY quot CDATA """ double quote 

ENTITY % bool "(TRUE | FALSE)" > 
ENTITY % justify "LEFT | CENTER | RIGHT" > 

ENTITY % font "B | I | U | S | SUP | SUB | BIG | SMALL | PRE | FONT" 
ENTITY % text "#PCDATA | BR | HR | %justify | %font | A" > 
ELEMENT ( %font ; | % justify ; ) - - (%text) + > 
ELEMENT BASEFONT - O EMPTY > 
<!ATTLIST (FONT | BASEFONT) 
SIZE NUTOKEN # IMPLIED 

COLOR CDATA # IMPLIED #RRGGBB in hex, e.g. red: 

color="#FF0000" 

NAME CDATA # IMPLIED > 

< ! 

There are also 16 widely known color names although 
the resulting colors are implementation dependent: 
aqua, black, blue, fuchsia, gray) greeh, lime, maroon. 
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navy, olive, purple, red, silver, teal, white, and yellow 
These colors were originally picked as being the standard 
16 colors supported with the Windows VGA palette. 
The color may also be set to * invisible' which causes the 
object not to be drawn yet it can still respond to events. 
— > 

< ! ELEMENT BR - O EMPTY > 
<! ELEMENT HR - O EMPTY > 

<! ENTITY % linkName "CDATA"> 

<« ENTITY % linkType "NAME" > 

< I ENTITY % linkExtraAttributes 

"REL % linkType # IMPLIED 

REV %linkType #IMPLIED 

URN CDATA # IMPLIED 

TITLE CDATA # IMPLIED 

METHODS NAMES # IMPLIED 

TARGET CDATA # IMPLIED" > 

<! ENTITY % AContent "(%text)*" > 

<! ELEMENT A - - %AContent -(A) > 

<!ATTLIST A 

HREF %URI ^IMPLIED 

NAME % linkName # IMPLIED 

% 1 inkEx t r aAt t r ibut as; > 

<!-- <A> Anchor; source/destination of link--> 

<!-- <A NAME=" . . . " >Name of this anchor 

<»-- <A HREF=" . . . ">Address of link destination- -> 

<!-- <A URNn" . . . ">Permanent address of destination- - > 

<!-- <A REL= . . . >Relationship to destination-- > 

<!-- <A REV* . . . >Relationship of destination to this --> 

<!-- <A titled" ..." >Title of destination (advisory) --> 

< ! - - <A TARGET^" . . . " > - - > 

<!-- <A METH0DS=" . . . ">Operations on destination (advisory) 
<!-- ==================:=:====== Include =================== 

<1 ELEMENT INCLUDE - O EMPTY > 
<!ATTLIST INCLUDE 
SRC CDATA #REQUIRED > 

< ! =: = = = = = = = = = = = = = = = = = =s=r = = s= = =: ACtlOn = = = = = = = = = = = = = = = = = = = = 

<! ENTITY % actionType « (CLICK t DOUBLECLICK | KEY) " > 

<! ENTITY % actionContent " (AI) > 

<! ELEMENT ACTION - - %actionContent > 

<!ATTLIST ACTION 

TYPE %actionType CLICK > 

<! ENTITY % aiType" (DEFAULT | NONE)" > 

<1ENTITY % aiSelect" (ENABLED | DISABLED)" > 

< ! ELEMENT AI - - ( A | ACTION) > 
< lATTLIST AI 

NAME CDATA #REQUIRED 
DEFAULT %aiType NONE 
SELECTABILITY %aiSelect ENABLED > 

<!-- =s=ss=s:=====s=== = = = = = = = Hierarchical List ============== 

<! ELEMENT HL - - (HLI) + > 

< I ELEMENT HLI - - (HL | (%text)+)? > 

<!ATTLIST HLI 

NAME CDATA #REQUIRED 

TYPE CDATA # IMPLIED > .j • 
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<! ENTITY % attachlnside "TOP-INSIDE | TOPRIGHT- INSIDE | RIGHT-INSIDE | 
BOTTOMRIGHT- INSIDE | BOTTOM- INSIDE | BOTTOMLEFT- INSIDE | LEFT-INSIDE ( 
TOPLEFT- INSIDE" > 

<! ENTITY % attachOutside "TOP-OUTSIDE | TOPRIGHT- OUTS IDE | RIGHT-OUTSIDE 
I BOTTOMRIGHT- OUTS IDE | BOTTOM- OUTS IDE ( BOTTOMLEFT -OUTS IDE | 
LEFT-OUTSIDE j TOPLEFT- OUTS IDE" > 

<1 ENTITY % attachLocation " ( %attachlnside | %attachOutside | CENTER)" > 

<! ENTITY % fillType *M SOLID | NONE | NUMBER)" > 

<! ENTITY % styles "(SOLID | DOT | DASH)" > 

<! ENTITY % objectContent "(ACTION | HL | %text) *" > 

<i ENTITY % graphicAttlist 

"ID ID # IMPLIED 

TYPE CDATA # IMPLIED 

ATTACH ID #IMPLIED 

ATTAGHTYPE%attachLocation#IMPLIED 

POSITION NUTOKENS #IMPLIED 

SIZE NUMBERS # IMPLIED 

ROTATIONNUMBER # IMPLIED 

ENABLE %bool TRUE" > 

<IENTITY % objectAttlist 

"%graphicAttlist 

COLOR CDATA # IMPLIED 

WIDTH NUMBER 1 

FILL %fillType NONE 

STYLE %styles SOLID" > 

<!-- <OBiJECT ID Unique Identifier 

<!-- <OBa"ECT TYPELogical Type Information- - > 

<!-- <OBJECT COLORDraw Object Using COLOR- -> 

<!-- <OBJECT FILLFill The Object With COLOR- -> 

<!-- <OBJECT STYLEDraw Object with line style- -> 

<!-- <OBJECT ATTACHID Of Binding Object- -> 

<!-- <OBJrECT ATTACHTYPEType Of Binding- -> 

<!-- <OBiJECT POSITIONObject Location Or Bind Offset- -> 

<i-- <OBJECT SIZEWidth And Height Of Object- -> 

<!-- <OB»7ECT ROTATION Rotation angle in degrees --> 

<!-- <OBJECT ENABLEEnable/Disable events-- > 

<!-- <OBJ'ECT> --> 

< I ELEMENT OBJECT - - %ob j ectContent > 
<IATTLIST OBJECT 
NAME CDATA #REQUIRED 
%objectAttlist > 
<!-- <ELLIPSE> --> 

<! ELEMENT ELLIPSE - - %obj ectContent > 

<!ATTLIST ELLIPSE 

%objectAttlist > 

< ! - - <RECTANGLE> - - > 

<! ELEMENT RECTANGLE - - %obj ectContent > 
<iATTLIST RECTANGLE 
CORNER NUMBER "0" 
%objectAttlist > 
<!-- <ARC> --> 

<! ELEMENT ARC - - %obj ectContent > 
<1ATTLIST ARC 
ANGLE NUMBERS "0 0" 
%objectAttlist > 
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< ! - - <REGPOLYGON> --> 

<1 ELEMENT REGPOLYGON - - %ob j ectContent > 
<!ATTLIST REGPOLYGON 
SIDES NUMBER #REQUIRED 
%objectAttlist > 
<!-" <IMAGE> 

<! ELEMENT IMAGE - - %ob j ectContent > 
<!ATTLIST IMAGE 
SRC CDATA #REQUIRED 
%object:Attlist > 
< ! <TEXT> 

<! ELEMENT TEXT - - %obj ectContent > 
<!ATTLIST TEXT 
%graphicAttlist > 
<!-- <POLYGON> 

< 'ENTITY % polygonContent "((POINT, POINT+) & %objectContent ) " > 
<! ELEMENT POLYGON - - %polygonContent > 
<!ATTLIST POLYGON 
%objectAttlist > 
<!-- <LINE> --> 

<1 ENTITY % lineType *M SQUARE | ROUND)" > 

<1 ENTITY % linePoint "(POINT | ATTACHPOINT) " > 

<! ENTITY % lineContent « ( {%linePoint , %linePoint+) & FROMARROW? & TOARROW? 

& %obj ectContent ) " > 

<! ELEMENT LINE - - %lineContent > 

<IATTLIST LINE 

ID ID # IMPLIED 

COLOR CDATA # IMPLIED 

WIDTH NUMBER 1 

TYPE CDATA # IMPLIED 

SPLINE % lineType SQUARE 

STYLE %styles SOLID 

ENABLE %bool TRUE > 

<•-- <POINT> 

<! ELEMENT POINT - O EMPTY > 
<!ATTLIST POINT 
POSITIONNUMBERS #REQUIRED > 

< ! ELEMENT ATTACHPOINT - O EMPTY > 
<1ATTLIST ATTACHPOINT 
POSITIONNUMBERS #IMPLIED 
ATTACH ID #REQUIRED 

ATTACHTYPE%attachLocation#REQUIRED 

CLIP %bool FALSE > 

<!-- < FROMARROW ><TOARROW> --> 

< I ENTITY % arrowType "(SOLID | HOLLOW | OPEN | CROW | BAR)" > 
<! ELEMENT FROMARROW - O EMPTY > 

< I ELEMENT TOARROW - O EMPTY > 
<!ATTLIST (FROMARROW | TOARROW) 
TYPE %arrowType #REQUIRED 
COLOR CDATA # IMPLIED 
COUNT NUMBER #IMPLIED 
WIDTH NUMBER #IMPLIED 
HEIGHT NUMBER # IMPLIED > 

<! ENTITY % graphicObjects "OBJECT | ELLIPSE | RECTANGLE | ARC | LINE | 
TEXT I IMAGE | POLYGON | REGPOLYGON | USE" > 

<l := = c= = = =: = = =: = = = = = = = = =5 = = = = =: = = pefine^ — as — ssa3=s = =: = = = = = = = = » = = = = = s= --> 



SUBSTITUTE SHEET (RULE 26) 



wo 98/33127 PCTAJS98/01763 

%) 

22 

<! ELEMENT DEFINE - - { %graphicOb j ects ) + > 

<!ATTLIST DEFINE 

NAME CDATA #REQUIRED 

TYPE CDATA # IMPLIED > 

<! ELEMENT USE - - %ob j ectContent > 

<IATTLIST USE 

NAME CDATA #REQUIRED 

%graphicAttlist > 

<! ENTITY % layerContent "%graphicObjects" > 
<1 ELEMENT LAYER O O (%layerContent) * > 
<iATTLIST LAYER 
ID CDATA # IMPLIED > 

<• ENTITY % diagramContent « (LAYER | %layerContent | HL | ACTION)" > 

<! ELEMENT DIAGRAM - - (%diagramContent) + > 

<1ATTLIST DIAGRAM 

ID CDATA # IMPLIED 

TITLE CDATA #IMPLIED 

TYPE CDATA # IMPLIED 

COLOR CDATA # IMPLIED 

SIZE NUMBERS #IMPLIED > 

<i-- <DIAGRAM IDUnique Identifier- - > 

<!-- <DIAGRAM TITLEDiagram Title 

<!-- <DIAGRAM TYPELogical type of the diagram- -> 
<!-- <DIAGRAM COLORBackgroiind color of the diagram- -> 
<!-- <DIAGRAM SIZEDiagram drawing area size (x,y)--> 

<! ENTITY % bodyContent "DIAGRAM | HL" > 
< I ELEMENT BODY - - ( %bodyContent ) + > 

< ! ELEMENT META - O EMPTY > 

<!ATTLIST META 

HTTP-EQUIVNAME # IMPLIED 

NAME NAME # IMPLIED 

CONTENT CDATA #REQUIRED > 

<!-- <META> Generic Metainf ormation- - > 

<!-- -cMETA HTTP-EQUIV=. . .>HTTP response header name--> 
< ! - - >r<META NAME= . . . >Metainf ormation name--> 
<!-- <META CONTENT=" . . .">Associated information- - > 
<! ELEMENT TITLE - - #PCDATA> 

<! ENTITY % headContent "BASEFONT? & TITLE? & META*" > 
<! ELEMENT HEAD - - (% headContent ) > 

<!-- = = = = = = = «=: = = = = = = s: = = a = = = = = = = HGML = = = = = = = = = = = = = = = = = = = = = = = = = = 

<! ENTITY % hgmlContent "HEAD?, (DEFINE | INCLUDE)*, BODY" > * 
<! ELEMENT HGML - - (% hgmlContent ) > 

<1 ENTITY % versionAttr **VERSION CDATA #FIXED * %HGMLVersion; ' " > 
<!ATTLIST HGML 
%versionAttr; > 
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Appendix II 

<HGML> 

<HEAD><BASEFONT SIZE=24</HEAD> 
<BODY> 

<DIAGRAM size="2000 2000" Type="Org Chart" Id="org/Vidyo-yo" 
Title ="Vidyo-yo Org Chart" color =yellow> 

<rectangle id="l" corner=80 position=" 1250 100" size="250 100" color=:blue 
f ill=solid enable=f alse></rectangle> 

<rectangle id="la" corner=80 attach="l" attachtype=" topleft- inside" 
position=" -5% -10%" size="250 100" color=white fill=solid> 
<action type=click> 
<ai name="Send Mail"><a 

href = " mail to : burnes®springf ield . com" >< /ax /ai> 

</action> 

</rectangle> 

<rectangle corner=80 attach="l" attachtype=" topleft- inside" position^" -5% 

-10%" size="250 100" color=black enable=f alse></rectangle> 

<text attach="la" attachtype=" center" > 

<center>Mr . Burnes<br>President< /center > 

</text> 

<rectangle id="2" corner=80 positions" 500 500" size="250 100" color=blue 
f ill=solid enable=f alse></rectangle> 

<rectangle id="2a" corner=80 attach="2" attachtype="topleft- inside" 
position=" -5% -10%" sizes="250 100" color=white fill=solid> 
<action type=click> 
<ai name="Send Mail"><a 

hr e f = " ma i 1 to : Barney@spr ingf iel d . com" ></a></ai> 

</action> 

</rectangle> 

<rectangle corner=80 attach="2" attachtype="topleft- inside" position=" - 5% 

-10%" sizess"250 100" colorssblack enable=f alse></rectangle> 

<text attach="2a" attachtype=" center" > 

<center>Barney<br>V. P. Sales</center> 

</text> 

<rectangle id="3" corner=80 position=" 1000 500" size="250 100" color=blue 
f ill=solid enable=f alse></rectangle> 

<rectangle id=:"3a" corner=80 attach="3" attachtype=" topleft- inside" 
positions" -5% -10%" size="250 100" color=white fill=solid> 
<actlon types5cllck> 
<ai name="Send Mail"><a 

href =" mail to :Homer®springfield. com" ></a></ai> 
<ai name="Display Info"><a 

href =" /graphics/simpsons/homer2 .gif " ></a></ai> 

</action> 

</rectangle> 

<rectangle corner=80 attach="3" attachtype="topleft- inside" position=" -5% 

-10%" size«"250 100" colorsblack enable=f alse></rectangle> 

<text attach=:"3a" attachtype=" center" > 

<center>Homer<br>V. P . Engineering< /center > 

</text> 

<rectangle id«"4" corner=80 position^" 1500 500" size="250 100" color=blue 
f ill=solid enable=f alse></rectangle> 

<rectangle id="4a" corner=80 attach="4" attachtype=" topleft- inside" 
positions" -5% -10%" size="250 IQP" coior=white fillsSolid> 
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<action type=click> 
<ai name="Send Mail"><a 

href = "mailto : smithers®springf ield . com" ></a></ai> 

</action> 

</rectangle> 

<rectangle corner=80 attach="4" attachtype=" topleft- inside" position^" -5% 

-10%" si2e="250 100" color=black enable=f alse></rectangle> 

<text attach="4a" attachtype=" center" > 

<center>Smithers<br>V. P . Market ing</center> 

</text> 

<rectangle id="5" corner=80 position^" 2000 500" size="250 100" color=blue 
f ill=solid enable=:false></rectangle> 

<rectangle id="5a" corner=80 attache" 5" attachtype="topleft- inside" 
position="-5% -10%" size="250 100" color=white fill=solid> 
<action type=click> 

<ai name="Send Mail"><a href ="mailto :Mo@springf ield. com" ></a></ai> 

</action> 

</rectangle> 

<rectangle corner=80 attach="5" attachtype=" toplef t-inside" position=" - 5% 

-10%" si2e="250 100" color=black enable=f alsex /rectangle> 

<text attach="5a" attachtype=" center" > 

<center>Mo<br>V. P . Manuf acturing< /center > 

</text> 

<line type=square> 

<attachpoint attach="l" attachtype=" bottom-outside" > 
<attachpoint attach="2" attachtype="top-outside" > 
<toarrow type=solid> 
</line> 

<line type=square> 

<attachpoint attache" l" attachtype= " bottom-outs ide" > 
<attachpoint attach="3" attachtype=" top-outside" > 
<toarrow type=:solid> 
</line> 

<line typessquare> 

<attachpoint attach="l" attachtype=" bottom-outside" > 
<attachpoint attach="4" attachtype=" top- outside" > 
<toarrow type=solid> 
</line> 

<line type=sc[uare> 

<attachpoint attach="l" attachtype=" bottom-outside" > 
<attachpoint attach="5" attachtype=" top-outside" > 
<toarrow type=solid> 
</line> 

<rectangle id="6" corner=80 position^" 700 800" size="250 100" color^blue 
fill=solid enable=false></rectangle> • * 

<rectangle id=:"6a" corner=80 attach=="6" attachtype=" toplef t-inside" 
position="-5% -10%" size="250 100" color=white fill=solid> 
<action type=click> 
<ai name="Send Mail"><a 

href =r "mail to : WigginsOspringf ield . com" >< /ax/ai > 
</action> 

< /rectangle > 

<rectangle corner=:80 attach="6" attachtype=" toplef t- inside" position^" - 5% 
-10%" size="250 100" color^biack enable=f alse></rectangle> 
<text attach="6a" attachtype=" center" > 
<center>Wiggins<br>Mgr. V and V</center> 
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</text > 

<line t:ype=square> 

<attachpoint attach="3" attachtype= " bottom-outside" > 
<attachpoint attach="6" attachtype = " top-outside" > 
<toarrow type=solid> 
</line> 

<line type=square> 

<point position=" 112 5 600"> 
<point positions" 1125 900" > 
</line> 

<text position="1130 760" > 
<action type=click> 
<ai name="Send Mail"><a 

href = "mailto :bart(g>springf ield. com" ></a></ai> 
<ai name="Display Inf o" ><a 

href =" /graphics/simpsons/bart .gif " ></a></ai> 

</action> 

Bart 

</text> 

<line type=square> 

<point position="112 5 800" > 

<point positions" 1225 800" > 

</line> 

<text position="1130 810"> 
<action type=click> 
<ai name="Send Mail"><a 

href ="mailto : lisaOspringf ield. com" >< /ax /ai> 
<ai name="Display Inf o" ><a 

href =" /graphics/simpsons/lisa2 .gif" ></a></ai> 

</action> 

Lisa 

</text> 

<line type=square> 

<point position="1125 850" > 

<point positions" 122 5 8 50"> 

</line> 

<text positions" 1130 860"> 
<action type-click> 
<ai names"Send Mail"><a 

href =" mail to :maggie®springf ield. com" ></a></ai> 
<ai name="Display Inf o" ><a 

href =" /graphics/simpsons/maggie .gif "></a></ai> 

</action> 

Maggie 

</text> 

<line type=square> 

<point positions" 1125 900" > 

<point positions" 1225 900" > 

</line> 

<rectangle id="7" corner=80 positions"1300 800" si2e="250 100" color=blue 
fillssolid enablesf alse></rectangle> 

<rectangle id="7a" corner=80 attachs"?" attachtype="topleft- inside" 
positions" -5% -10%" si2e="250 100" colorswhite fillsSOlid> 
<action typesclick> 
<ai names "Send Mail"><a 

href s " ma i 1 to : Marge® springf ie Id !»com" ></a></ai> 
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<ai name="Display Inf o" ><a 

href =" /graphics /simpsons/marge4 .gif " ></a></ai> 

</action> 

</rectangle> 

<rectangle corner=:80 attach="7" attachtype=" topleft- inside" position=" -5% 
-10%" si2e="250 100" color=black enable=f alse></rectangle> 
<text attach="7a" attachtype= " center" > 
<center>Marge<br>Mgr . Docuinentation< /center > 
</text > 

<rectangle id="8" corner=80 position="1600 800" size="250 100" color=blue 
f ill=solid enable=false></rectangle> 

<rectangle id="8a" corner=:80 attach="8" attachtype="topleft- inside" 
position="-5% -10%" size=«250 100" color=white fill=solid> 
<act:ion type=click> 
<ai name="Send Mail"><a 

href = "mail to: ned@springfield.com" ></a></ai> 

</action> 

</rectangle> 

<rectangle corner=80 attach="8" attachtype=" topleft- inside" position^" - 5% 

-10%" size="250 100" color=black enable^f alse></rectangle> 

<text attach="8a" attachtype=" center" > 

<cent er >Ned<br >Mgr . Training< /center > 

</text> 

<line type=square> 

<attachpoint attach="3" attachtype=" bottom-outside" > 
<attachpoint attach=" 7" attachtype=" top-outside" > 
<toarrow type=solid> 
</line> 

<line type=square> 

<attachpoint attach="3" attachtype=" bottom-outside" > 

<attachpoint attache" 8" attachtype=" top-outside" > 

<toarrow type=solid> 

</line> 

</diagram> 

</BODY> 

</HGML> 
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Appendix III 

<hgTnl> 

<head ></head> 
<body> 

<diagram Color=white Type="DFD" Id="Cruise_Control/Cruise_Control/DFD/0" 

Title="0 - Perform Automobile Cruise Control and Monitoring" > 

<action type=click> 

<ai name=" Check Object" ><a 

href = " /vista/twk/cgi-bin/twkcheck.pl?Cruise_Control/Cruise_Control/DFD/0 
/object /body" targets" check" ></a></ai> 
<ai names "Check Subtree" ><a 

href =" /vista/ twk/cgi -bin/ twkcheck.pl?Cruise_Control/Cruise_Control/DFD/0 
/ subtree/body" target=" check" ></a></ai> 
<ai name="Show Parent" ><a 

href =" /vista/twk/cgi-bin/twkhgml ,pl?Cruise_Control/Cruise__Control/DFD/Co 
ntext-Diagram" ></a></ai> 

<ai name="Show Parent (in another window)" ><a 

href =s"/vista/twk/cgi-bin/twkhgml ,pl?Cruise_Control/Cruise_Control/DFD/Co 
ntext-Diagram" targets "_blank" ></a></ai> 
<ai name="Show Notes" ><a 

href = " /vista/ twk/cgi -bin/ twkget.pl ?Cruise_Control/Cruise_Control/DFD_NI/ 

0/" ></a></ai> 

</action> 

<ellipse id="l" type="DFD_PRIMITIVE_PROCESS" position^" 555 428" 

sizes" 102 102" 

widths 3 colors "green" > 

<action typesclick> 

<ai names" Show Child" default ><a 

href ="/vista/twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Control/DFD/l" 
></a></ai> 

<ai names"Show Child (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkhgml.pl?Cruise__Control/Cruise_Control/DFD/l" 
target="__blank" ></a></ai> 

<ai names"Show Requirements" ><a href = " /vista/twk/blank .html" ></a></ai> 
<ai name="Show CAD Drawing" ><a href s" /vista/twk/blank. html" ></a></ai> 
</action> 

</ellipse> 

<text id="0" typestext attachs"i" attachtypes" center" positions"o 0"> 
<CENTER><B> Determine<BR> 
Speed and<BR> 
Distance 

< /B>< /CENTERx / text > 

<text ids"0" typestext attach="l" attachtypes "bottom- inside" positions" 0 
-30%"> 

1 

</text> 

<ellipse ids" 2" types "DFD_NONPRlMITIVE_PROCESS" positions" 654 680" 

sizes" 102 102" 

widths 3 colors "blue" > 

<action typesclick> 

<ai names" Show child" default ><a 

href=''/vista/twk/cgi-bin/twkhgml •pl?Cruise_Control/Cruise_Control/DFD/3" 

></a></ai> 

<ai names"show Child (in anothe?: window)" ><a 
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href = " /vista/twk/cgi-bin/twkhgml .pl?Cruise_Cont:rol/Cruise_Control/DFD/3" 
target ="_blank" ></a></ai> 

<ai name=:"Show Requirements" ><a href =" /vista/twk/blank . html" ></a></ai> 
<ai name=:"Show CAD Drawing" ><a href =" /vista/twk/blank . html" ></a></ai> 
</action> 
</ellipse> 

<text id=:"0" type=rtext attach="2" attachtype=" center" position="0 0"> 

<CENTER><B> Monitor<BR> 

Maintenance<BR> 

Required 

</B X /CENTER> < / text > 

<text id="0" type=text attach="2" attachtype="bottom-inside" position=:"0 

-30%"> 

3 

</text> 

<ellipse id="3" type="DFD_NONPRIMITIVE_PROCESS" position^" 858 490" 

size="102 102" 

width=3 color="blue" > 

<action type=click> 

<ai name="Show Child" default ><a 

href ="/vista/twk/cgi-bin/twkhgml .pl?Cruise__Control/Cruise_Control/DFD/2" 
></a></ai> 

<ai name="Show Child (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Control/DPD/2" 
target ="_blank" ></a></ai> 

<ai name="Show Requirements" ><a href =" /vista/twk/blank. html" ></a></ai> 
<ai name="Show CAD Drawing" ><a href =" /vista/twk/blank, html" ></a></ai> 
</action> 
</ellipse> 

<text id="0" type=text attach="3" a ttachtype=" center" position="0 0"> 

<CENTER><B> Control<BR> 

Speed 

< /B >< / CENTER> < / text > 

<text id="0" type=text attach="3" attachtype="bottom- inside" position="0 

-30%"> 

2 

</text> 

<ellipse id="4" type="DFD_PRIMITIVE_PROCESS" position="342 725" 

size="102 102" 

width=3 color=" green" > 

<action type=click> 

<ai name="Show Child" default ><a 

href =" /vista/twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Control/DFD/5" 
></a></ai> 

<ai name="Show Child (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkhgml .pl?Cruise_Control/Cruise_Control/DFD/5" 
target ="_blank">< /a ></ai> 

<ai name="Show Requirements" ><a href =" /vista/twk/blank . html" ></a></ai> 
<ai name="Show CAD Drawing" ><a href :=" /vista/twk/blank. html" ></a></ai> 
</action> 
</ellipse> 

<text id="0" type=text attach="4" a ttachtype«" center" position*''© 0"> 

<CENTER><B> Monitor<BR> 

Average<BR> 

Speed 

</B></CENTER></text> 
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<text id="0" types text attach="4" attachtype^" bottom- inside" position="0 

-30%"> 

5 

</text> 

<image src="ref . gif " id="5" type="DFD__NONPRIMITIVE_PROCESS" 

position="149 607" size="104 104" 

width=3 color="blue" > 

<action type=click> 

<ai name="Show Child" default ><a 

href = " /vista/twk/cgi-bin/twkhgml . pl?Cruise_Control/Cruise_cdntrol/DFD/4" 
></a></ai> 

<ai name="Show Child (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkhgml .pi ?Cruise_Control/Cruise_Coritrol/DFD/4" 
target="_blank" ></a></ai> 

<ai name="Show Requirements" ><a href ="/vista/twk/blank. html" ></a></ai> 
<ai names" Show CAD Drawing" ><a href ="/vista/twk/blank, html" >< /ax /ai> 
</action> 
</ image > 

<text id="0" type=text attach="5" attachtype=" center" position="0 0"> 

<FONT COLORS "white"> 

<CENTER><B> Monitor<BR> 

Fuel<BR> 

Economy 

</ B X / CENTER ></ FONT X / 1 ex t > 

<text id="0" typestext attach="5" attachtype="bottom- inside" position="0 

-30%" > 

4 

</text> 

<image src="mailbox.gif " id="6" type«"DFD_STORE" positions"412 570" 
size="75 75" 
width=l > 

<action type=click> 
<ai names" Show DDE" xa 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mil 
eage" x/ax/ai> 

<ai name="Show DDE (in another window)" xa 

href s" /vista/twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control /DDE/Mil 
eage" targets" _blank" x/a></ai> 
</action> 
</ image > 

<text ids"0" typestext attach="6" attachtype=" top-outside" positions" -50% 
-70%"> 

<CENTER><B> Mileage<BR> 
</ B X / CENTER X / 1 ex t > 
clayer id="Data" > 

<line id="L0" typesDFD_DATAFLOW > 
<point positions" 482 3 77" > 
<point positions" 500 382" > 
<point positions" 526 396" > 
<point positions" 548 412" > 
<point positions" 565 430" > 

<attachpoint attachsi attachtypescenter position^" -35 -36" clip=true> 
<toarrow type=" solid" > 
<action typesclick> 
<ai names" Show DDE" xa 

href s" /vista/ twk/cgi-bin/twkget,pl?Cruise_Control/Cruise_Control/DDE/Sha 
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f t_Rotation" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi-bin/twkget,pl?Cruise_Control/Cruise_Contrpl/DDE/Sha 

f t_Rotation" target- "__blank" ></a></ai> 

</action> 

</line> 

<text id="T7" type=text position-" 485 397" > 
<action type=ciick> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Sha 
f t_Rotation" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = "/vista/twk/cgi-bin/twkget,pl?Cruise_Control/Cruise_Control/DDE/Sha 

f t_Rotation" target="_blank" ></a></ai> 

</action> 

<B>Shaf t_<BR> 

Rotation</B> 

</text> 

<line id="Ll" type=DFD_DATAFLOW > 

<attachpoint attach=l attachtype=center position^" -47 19" clip=true> 
<point position="518 505" > 
<point position="494 525" > 

<attachpoint attach=6 attachtype=center position="l2 -26" clip=true> 

<fromarrow types" solid" > 

<toarrow type=" solid" > 

<action type=click> 

<ai name="Show DDE" disabledxa 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/" >< 
/a></ai> 

<ai name="Show DDE (in another window)" disabledxa 

href="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/" 

target- "_blank" ></a></ai> 

</action> 

</line> 

<line id="L2" type=DFD_DATAFLOW > 

<attrachpoint attach=6 attachtype=center position^;" -29 26" clip=true> 

<attachpoint attach=4 at tachtype= center positions" 2 -so" clip=:true> 

<toarrow types" solid" > 

<act:ion type=click> 

<ai name="Show DDE" disabledxa 

href -"/vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/"x 
/a></ai> 

<ai nanie="Show DDE (in another window)" disabledxa 

href ="/vista/twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control /DDE/" 

target="_blank" x/ax/ai> 

</action> 

</line> 

<line id="L3" type=DFD_DATAFLOW > 

<attachpoint attach=4 attachtype=center position=:"2 50" clip=true> 
<point position="371 917"> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" xa 

href =:" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control /DDE/Ave 

rage_Speed_Display" ></ax/ai> 

<ai name»"Show DDE (in another window)" xa 



SUBSTITUTE SHEET (RULE 26) 



wo 98/33127 



PCT/US98/01763 



31 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Cont:rol/DDE/Ave 

rage_Speed_Display" targe t="_blank" ></a></ai> 

<:/action></line> 

<text id="Tll" type=text position="372 849" > 
<action type=click> 
<ai name="Show DDE" ><a 

href = " /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Ave 

rage_Speed_Display" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi -bin/ twkget, pi ?Cruise_Control/Cruise__Control/DDE/Ave . 

rage_Speed_Display" target="_blank" ></a></ai> 

< /action> 

<B>Average_<BR> 

Speed_<BR> 

Display</B> 

</text> 

<line id="L4" type=DFD_DATAFLOW > 

<attachpoint attach=6 attachtype=center position=5"36 26" clip=true> 
<attachpoint attach=2 attachtype^center position^" -48 -15" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl?Cruise_Control/Cruise_Control/DDE/Tot 
al_Miles" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" target="_blank"></a></ai> 

</action> 

</line> 

<text id="T13" type=text position="538 654" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Tot 
al_Miles" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" target="_blank" ></a></ai> 

</action> 

<B>Total_<BR> 

Miles</B> 

</text> 

<line id="L5" type=DFD_DATAFLOW > 

<attachpoint attach=6 attachtype=center position«"-50 16" clip=true> 
<attachpoint attach=5 a ttachtype= center position="49 -16" clip=true> 
<toarrow type= " solid" > 
<action typeeclick> 
<ai name =" Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Tot 
al__Miles" >< /ax / ai > 

<ai names" Show DDE (in another window)" ><a 

href=" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" target ="_blank" ></a></ai> 

</action> 

</line> 

<text id="T14" types text position="312 607" > 
<action typeasclick> ^ , 
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<ai name="Show DDE" ><a 

href = " /vista/ twk/cgi-bin/twkget . pi ?Cruise_Control/Cruise__Control /DDE/Tot 
al_Miles" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget ,pl?Cruise_Control/Cruise_Control/DDE/Tot 

al_Miles" target="_blank" ></a></ai> 

< /action> 

<B>Total_<BR> 

Miles</B> 

</text> 

<line id="L6" type=DFD_DATAFLOW > 

<attachpoint attaches attachtype=center positions" 4 51" clip=true> 
<point position^" 181 778"> 
<toarrow type«" solid" > 
<action type=:click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/MPG 
_Display" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/MPG 

_Display" target="_blank"></a></ai> 

</action> 

</line> 

<text id="T16" type=text position^" 174 728" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" / vista/twk/cgi-bin/twkget .pi ?Cruise_Control/Cruise__Control/DDE/MPG 
__Display"></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pi ?Cruise__Control/Cruise_Control/DDE/MPG 

_Display" target="_blank"></a></ai> 

</action> 

<B>MPG_Display</B> 
</text> 

<line id="L7" type=DFD_DATAFLOW > 
<point positions" 76 675" > 

<attactipoint attaches attachtype=center position="-49 16" clip=true> 
<toarrow type*" solid" > 
<action type=sclick> 
<ai name =" Show DDE" ><a 

href-" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Fue 
l_Amount" ></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Fue 

l_Amount" target="_blank"></a></ai> 

</action> 

</line> 

<text id=:"T17" typesrtext positions" 95 663" > 
<action type«click> 
<ai names "Show DDE" ><a 

href s" / vista/twk/cgi-bin/twkget .pi? Cruise_Control/ Cruise_Control /DDE/ Fue 
l_Amount" ></a></ai> 

<ai names"Show DDE (in another window)" ><a 

href s" /vista/twk/cgi-bin/twkget .pi ?Cruise__Control/Cruise_Control/DDE/Fue 
l_Amo\ant" targets "_blank" ></a></ai> 
</action> * • 
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<B>Fuel__<BR> 
Amount </B> 
</text:> 

<line id="L8" type=DFD_DATAFLOW > 
<point position="603 356" > 

<attachpoint attach=l attachtype=center position="-3 -50" clip=true> 
<t:oarrow type = " solid" > 
<action type=click> 
<ai naine="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget . pi ?Cruise_Control/Cruise_Control /DDE/Tim 

e" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vis ta/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control /DDE/Tim 

e" target="_blank"></a></ai> 

</action> 

</line> 

<text id="T20" type«text position^" 591 387" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Tim 
e" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi -bin/ twkget .pi ?Cruise__Control/Cruise_Control /DDE/Tim 

e" target="_blank" ></a></ai> 

</action> 

<B>Time</B> 

</text> 

<line id="L9" type=DFD_DATAFLOW > 

<attachpoint attach=l attachtype=center position="27 43" clip=true> 
<attachpoint attach=3 attachtype=center position-" -50 -10" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Spe 

ed" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Spe 

ed" target="_blank"></a></ai> 

</action> 

</line> 

<text id="T21" type=text position="726 520" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Spe 
ed"></a></ai> ■ 

<ai name="Show DDE (in another window)" ><a 

href =" /vis ta/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Spe 

ed" t arge t = " _blank" ></a></ai> 

</action> 

<B>Speed</B> 

</text> 

<line id="L10" type=DFD___DATAFLOW > 

<attachpoint attach=2 at tachtype= center position«=" 35 36" clip=true> 
<point positions" 814 821" > 
<toarrow type=" solid" > 

<action type«click> . 
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<ai name="Show DDE" ><a 

href = "/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control /DDE/Mai 

ntenance_Display_Status" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = "/ vista/ twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Cont:rol/DDE/Mai 

ntenance_Display_Status" target = "__blank" ></a></ai> 

</action> 

</line> 

<text id="T22" type=:text position^" 736 779" > 
<action type=click> 
<ai name="Show DDE" ><a 

href = " /vista/ twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Mai 

ntenance_Display_Status" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mai 

ntenance_Display__Status" target ="_b lank" ></a></ai> 

</action> 

< B >Main t enanc e_< BR > 

Display_Status<BR> 

</B> 

</text> 

<line id="Lll" type=DFD__DATAFLOW > 
<point position="897 740" > 

<attachpoint attach=3 attachtype=center position="-6 50" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Ped 
al_Def lection" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Ped 

al_Def lection" target="_blank" ></a></ai> 

</action> 

</line> 

<text id=:"T24" type=text position="834 662" > 
<action type=click> 
<ai iiame="Show DDE" ><a 

href ="/vista/twk/cgi -bin/ twkget.pl?Cruise_Control/Cruise_Control/DDE/Ped 
al_Def lection" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href /vista/ twk/cgi -bin/ twkget.pl ?Cruise_Control/Cruise_Control/DDE/Ped 

al_Def lection" target=:"_blank" ></a></ai> 

</action> 

<B>Pedal_<BR> 

Def lection</B> 

</text> 

<line id="L12" type=DFD_DATAFLOW > 

<attachpoint attach=3 attachtype^center position="45 22" clip=:true> 
<point position=s"1098 621" > 
<toarrow type=" solid" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Cruise_Control/Cruise_Control/DDE/Thr 
ottle_Position" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget ?pl?Criiise_Control/Cruise_Control/DDE/Thr 
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ottle_Position" target ="_blank" ></a></ai> 

</action> 

</line> 

<text id="T27" type=text position=" 1037 581" > 
<action type=click> 
<ai name=:"Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Thr 
ottle_Position:" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget . pl?Cruise_Control/Cruise_Control/DDE/Thr 

ottle_Position" target="_blank" ></a></ai> 

</action> 

<B>Throttle_<BR> 

Position</B> 

</text> 

</ layer > 

<layer id="Control" > 

<line color="red" style = "dash" id="L13" type=DFD_CONTROLFLOW > 
<point position="624 620" > 

<attachpoint attach=2 attachtype=center position^" -19 -46" clip=true> 
<toarrow type="solid" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise__Control/Cruise_Control /DDE/Mai 

n t enanc e_Re s e t ^Command "></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control /DDE/Mai 

ntenance_Reset_Command" target ="_blank" ></a></ai> 

</action> 

</line> 

<text id=r"T9" type=text position="601 634"> 
<action type=click> 
<ai name5s"Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Mai 

ntenance_Reset_Command" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget . pi ?Cruise_Control/Cruise_Control /DDE/Mai 

ntenance_Reset_Command" target =" __blank" >< /ax /ai> 

</action> 

<B>Maintenance_<BR> 
Reset_Command< /B> 
</text> 

<line color="red" style="dash" id="L14" type-DFD_CONTROLFLOW > 
cpoint posit ion=" 506 835" > 

<attachpoint attachs!4 attachtype=scenter position="38 33" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =s" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Spe 
e d_Command " >< / a >< / a i > 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Spe 

ed_Command" target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T12" type=text positiQn="472 811" > 
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<action t:ype=ciick> 

<ai name="Show DDE" ><a 

href ="/ vista/ twk/cgi -bin/ twkget .pl?Cruise__Control/Cruise_Control/DDE/Spe 
ed_Command" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise__Control/DDE/Spe 

ed_Command" target="_blank" ></a></ai> 

</action> 

<B>Speed_<BR> 

Command<BR> 

</B> 

</text> 

<line color="red" style="dash" id«"L15" type=DFD_CONTROLFLOW > 
<point position="98 575" > 

<attachpoint attaches attachtype=center position=" -32 -40" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise__Control/Cruise_Control/DDE/MPG 
_Reset_Command" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise__Control/Cruise_Control/DDE/MPG 

_Reset_Command" target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T15" type=text position="llS 569" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/MPG 
_Reset_Command" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/MPG 

_Reset_Command" target = "__blank" ></a></ai> 

</action> 

<B>MPG_<BR> 

Re s e t _Command< / B > 

</text> 

<line color="red" style = "dash" id="Ijl6" type=DFD_C0NTROLFIjOW > 
<attachpoint attach=l attachtype=center position="49 12" clip=true> 
<attachpoint attach=3 at tachtypea center positions:" -27 -43" clip=true> 
< toarrow type=" solid" > 
<action type=click> 
<ai names" Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise__Control/Cruise_Control/DDE/Cal 
ibration" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi -bin/ twkget .pi ?Cruise__Control/Cruise_Control/DDE/Cal 

ibration" targets "_blank" ></a></ai> 

</action> 

</line> 

<text id="T18" type=text position="697 485" > 
<action typesclick> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Cal 
ibration" ></a></ai> 

<ai namea"Show DDE (in another Window)" ><a 
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href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Cal 

ibration" targe t="_blank" ></a></ai> 

</act:ion> 

<B>Calibration< /B> 
</text> 

<line color="red" style="dash" id="Iil7" type=DFD_CONTROLFLOW > 
<point positions" 711 3 97" > 

<attachpoint attach=l attachtype=center position=:"36 -3 5" clip=true> 
<toarrow type=" solid" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise__Control/DDE/Mea 
sure_Signal" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Mea 

sur e_S igna 1 " t ar ge t = " _bl ank "></a></ai> 

</action> 

</line> 

<text id="T19" type=text position^:" 6 56 405" > 
<action types=click> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Mea 
sure_Signal" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href «"/ vista/ twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Control/DDE/Mea 

sur e_S ignal " t arge t = " _blank" >< /a>< /ai > 

</action> 

<B>Measur e_S ignal < /B > 
</text> 

<line color="red" style="dash" id="Iil8" type=DFD_CONTROLFLOW > 
<point position="784 674" > 

<attachpoint attach=3 attachtype=center position^" -31 40" clip=true> ^. 
<toarrow type=" solid" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget .pl?Cruise_Control/Cruise_Control/DDE/Bra 
ke_Engaged" >< /a >< / ai > 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise_Contrpl/DDE/Bra 

ke_Engaged" target =" _blank" >< /ax /ai> 

</action> 

</line> 

<text id=:"T23" type=text position*" 778 606" > 
<action type=click> 
<ai names" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Bra 

ke_Engaged" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi -bin/ twkget .pi ?Cruise_Control/Cruise__Control/DDE/Bra 

ke_Engaged" targets" _blank" ></a></ai> 

</action> 

<B>Brake_<BR> 

Engaged</B> 

</text> 

<line color="red" style="dash" id="L19" type»DFD_CONTROLFLOW > 
<point positions" 1008 749" > 
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<att:achpoint at:tach=3 at:t:achtype=center position="24 44" clip=true> 
<toarrow t:ype=" solid" > 
<act:ion t:ype=click> 
<ai name="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget . pl?Cruise_Control/Cruise_Control/DDE/CC_ 
Request" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi~bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/CC_ 

Request" target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T25" type=text position=" 941 674" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/CC_ 
Request" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/CC_ 

Request" target="_blank" ></a></ai> 

</action> 

<B>CC_Request</B> 

</text> 

<line colors" red" style="dash" id="L20" type=DFD__CONTROLFLOW > 

<point positions" 1097 510" > 

<attachpoint attach=3 attachtype=center position="48 -14" clip=true> 
<toarrow type=" solid" > 

<action type=click> 
<ai name="Show DDE" ><a 

href a=" /vista/ twk/cgi-bin/twkget . pl?Cruise__Control/Cruise_Control/DDE/Eng 
ine_Running" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Eng 
ine_Running" target = "__blank" ></a></ai> 
</action> 
< / 1 ine > 

<text id="T26" type=text position=" 1035 513" > 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Eng 

ine_Running" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Cruise_Control/Cruise_Control/DDE/Eng 

ine_Running" target ="_blank" ></a></ai> 

</action> 

< B > Engine_Running < / B > 
</text> 

<image srcs"mesalogo.gif'' id=:"MesaLogo" position="80 350" si2e="350 100" 
width=3> 

<action type=click> 

<ai nanie="Mesa Homepage" default ><a 

href s="http : //www.mesasys . com" ></a></ai> 

<ai name="Mesa Homepage (in another window)" ><a 

href ="http : / /www.mesasys . com" target ="_blank" ></a></ai> 

<ai name «" Mesa Tools" ><a href ="http : //www.mesasys . com/ tools ">< /a ></ai> 
<ai name="Mesa Services" ><a 

href ="http : / /www.mesasys . com/services'" ></a></ai> 
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/action> 

/ image > 

/layer> 

/diagram> 

/body> 

/hgml> 



SUBSTITUTE SHEET (RULE 26) 



I 



wo 98/33127 PCT/US98/01763 

40 



Appendix IV 

<hgml > 

<head ></head> 
<body> 

<diagram Color=white Type="DFD" Id="Def ault/lrb/DFD/0" Title="0 - Perform 

Automobile Cruise Control and Monitoring" > 

<action type=click> 

<ai name="Check Object" ><a 

href = " /vista/ twk/cgi -bin/ twkcheck.pl?Default/lrb/DFD/0/object/body" 
targe t=" check" ></a></ai> 
<ai name="Check Subtree" ><a 

href =" /vista/twk/cgi-bin/twkcheck.pl?Def ault/lrb/DFD/O/subtree/body" 
target=" check" ></a></ai> 
<ai name="Show Parent" ><a 

href = " /vista/ twk/cgi-bin/twkhgmi.pl?Default/lrb/DFD/Context-Diagram">< /a 
></ai> 

<ai name="Show Parent (in another window)" ><a 

href = " /vista/ twk/cgi-bin/twkhgml .pl?Default/lrb/DFD/Context-Diagram" 
target="_blank" ></a></ai> 
<ai name="Show Notes" ><a 

href="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DFD_NI/0/"></a></ai> 
</action> 

<image src=:"http ; //thor/graphics/people/mesa/ref .gif " id="l" 

type="DFD_PRIMITIVE_PROCESS" position=" 555 428" size="102 102" 

width=2 color=" green" > 

<action type=click> 

<ai name="Show Child" default ><a 

href = " /vista/twk/cgi-bin/twkhgml .pl?Default/lrb/P-Spec/l"></a></ai> 

<ai name=:"Show Child (in another window)" ><a 

href = " /vista/ twk/cgi -bin/twkhgml .pl?Default/lrb/P-Spec/l" 

targe t= " _blank" > < /ax /ai > 

<ai name="Show Requirements" ><a href =" /vista/ twk/blank . html" >< /ax /ai> 
<ai name="Show CAD Drawing" xa href =" /vista/twk/blank . html" x /ax /ai> 
</ad-tion> 

</ image > 

<text id="0" type=text attache" 1" a ttachtype-" center" position="0 0"> 
<CENTERxB> \<more<BR>stuf f xBR>Determine<BR>Speed 

</Bx/CENTERx/text> 

<text id="0" type=text attach="l" at tachtype=" bottom- inside" position="0 

-30%"> 

1 

</text> 

<image src="http : //thor/graphics/people/mesa/ref . gif " id="2" 

type="DFD_PRIMITIVE_PROCESS" position=" 971 458" size=:"102 102" 

width=2 colors "green" > 

<action type=click> 

<ai name="Show Child" default xa 

href =" /vista/twk/cgi-bin/twkhgml .pl?Default/lrb/P-Spec/2" x/ax/ai> 

<ai name =" Show Child (in another window) " xa 

href = " /vista/twk/cgi-bin/twkhgml .pl?Default/lrb/P-Spec/2" 

target = "_blank" x/ax/ai> 

<ai name="Show Requirements" xa href = " /vista/twk/blank. html" ></ax/ai> 
<ai name="Show CAD Drawing" xa href =" /vista/twk/blank. html" x/ax/ai> 
</action> * * 
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</ image > 

<text id="0" type = text attach="2" attachtype=" center" position=:"0 0"> 

<CENTER><B> Measure 

Mile 

< /B X / CENTERx / 1 ext > 

<text id=="0" type=text attach="2" attachtype=" bottom- inside" position="0 

-30%"> 

2 

</text> 

<rectangle id="3" type="DFTD_NONPRIMITIVE_PROCESS" position="446 710" 

size="102 102" 

width=3 color="blue" > 

<action type=click> 

<ai name="Show Child" default ><a 

href ="/vista/twk/cgi-bin/twkhgml .pl?Def ault/lrb/DFD/3" ></a></ai> 

<ai name="Show Child (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkhgTnl .pl?Default/lrb/DFD/3" 

target="_blank" ></a></ai> 

<ai name="Show Requirements" ><a href =" /vista/twk/blank , html" ></a></ai> 
<ai names"Show CAD Drawing" ><a href =" /vista/twk/blank. html" >< /ax /ai> 
</action> 
</rectangle> 

<text id="0" type=text attach="3" attachtype=" center" positions" 0 0"> 

< CENTER > <B > Control 

Speed 

</B>< /CENTERx/ text > 

<text id="0" type=text attach="3" attachtype="bottom- inside" position="0 

-30%"> 

3 

</text> 

<rectangle id="4" type="DFD_NONPRIMITIVE_PROCESS" position^" 947 739" 

si2e="102 102" 

width=!3 color="blue" > 

<action type=click> 

<ai name="Show Child" default xa 

href=:'"/vista/twk/cgi-bin/twkhgml .pl?Def ault/lrb/DFD/5" x/ax/ai> 

<ai name="Show Child (in another window)" xa 

href ="/vista/twk/cgi-bin/twkhgml .pl?Def ault/lrb/DFD/5" 

target = "_blank" x/a></ai> 

<ai name«"Show Requirements" xa href =" /vista/twk/blank . html" x/a></ai> 
<ai name="Show CAD Drawing" xa href =" /vista/twk/blank. html" x/ax/ai> 
</action> 
</rectangle> 

<text id="0" type=text attache" 4" attachtypes" center" position="0 0"> 

<CENTERxB> Monitor 

Automobile 

< /Bx /CENTERx / text > 

<text id="0" type=text attach="4" attachtype=" bottom- inside" position="0 

-30%"> 

5 

</text> 

<regpolygon sides=2 ids" 6" type="DFD_STORE" position=" 766 53 9" size«"108 
52" 

widthal colors "yellow" > 
<action type=click> 

<ai name="Show DDE" ><a , , 
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href = " /visca/twk/cgi-bin/twkget . pl?Def ault /lrb/DDE/Pulse_Coiint " x/ax/ai 
> 

<ai name="Show DDE {in another window)" ><a 

href ="/vist:a/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Pulse_Count" 

target ="_blank" ></a></ai> 

</action> 

< /regpolygon> 

<text id="0" type=text attach="6" attachtype=" center" position="0 0"> 

<CENTER><B> Pulse__ 

Count 

</B></CENTER></text> 

<regpolygon sides=2 id="7" type ="DFD_S TORE" position=" 770 609" size="104 
52" 

width=l color=" yellow" > 
<action type=click> 

<ai name="Show DDE" ><a 

href =" /vista/twk/cgi-bin/twkget . pl?Def ault/lrb/DDE/Clock" >< /a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget: .pl?Def ault/lrb/DDE/Clock" 

targe t="_blank" ></a></ai> 

</action> 

< / r egpo 1 ygon > 

<text id="0" type=text attache" 7" attachtype=" center" positions" 0 0"> 

<CENTER><B> Clock 

< /B >< / CENTERx / 1 ext > 

<t:ext id="2 9" type=text position="723 3 90"> 
<action>< /action> 

<lef t>\<of f <BR>in \<mid<BR>air</lef t> 

</text> 

<layer id="Data"> 

<line id="L0" type=DFD_DATAFLOW > 
<point position="875 352"> 

<at:tachpoint attach=2 attachtype-center position=" -25 -44" clip=true> 

< tear row type="crow"> 

<action type=click> 

< a i ;name = " Show DDE " >< a 

href =" /vista/ twk/cgi -bin/ twkget-pl?Default/lrb/DDE/Shaft_Rotation">< /ax 
/ai> 

<ai names" Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkget:.pl?Default/lrb/DDE/Shaft_Rotation" 

target="_blank"></a></ai> 

</action> 

</line> 

<text id="T8" type»text positions" 905 423" > 
<action type=click> 
<ai name="Show DDE" xa 

href =" /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Shaft_Rotation">< /ax 
/ai> 

<ai name="Show DDE (in another window) " xa 

href = " /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Shaft_Rotation" 

target="_blank" x/ax/ai> 

</action> 

<B>Shaft_ 

Rotation</B> 

</text> 

<line id=:"Ll" type=DFD_DATAFLOW > 
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<attachpoint attaches attachtype=:center position="50 5" clip=true> 

<point position^" 576 766" > 

<point position="605 768" > 

<point position=" 671 797"> 

<toarrow type="crow"> 

<action type=click> 

<ai name =" Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Throttle_Position" ></ 
a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vis ta/twk/cgi -bin/ twkget .pl?Def ault/lrb/DDE/Throttle_Position" 

target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T9" type=text position=" 579 763" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Throttle_Position" ></ 
a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = "/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Throttle_Position" 

target ="_blank" ></a></ai> 

</action> 

<B>Throttle_ 

Position</B> 

</text> 

<line id=="L2" type=:DFD_DATAFLOW > 
<point position="452 399" > 

<attachpoint attach=l attachtype=center position=" -43 -26" clip=true> 
<toarrow type="crow"> 
<action type=click> 
<ai name="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget ,pl?Default/lrb/DDE/<howdy>Shaf t_Rotation 
"></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget ,pl?Default/lrb/DDE/<howdy>Shaf t_Rotation 

" target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T10" type=text position=" 461 422" > 
<action type=click> 
<ai name=s"Show DDE" ><a 

href =" / vista/ twk/cgi -bin/ twkget .pl?Def ault/lrb/DDE/<howdy>Shaf t_Rotation 

"></a></ai> 

<ai name = "Show DDE (in another window)" ><a 

href =" /vis ta/twk/cgi-bi'n/ twkget ,pl?Default/lrb/DDE/<howdy>Shaft_Rotation 

" target="_blank"></a></ai> 

</action> 

<B>\<howdy><BR>Shaf t_<BR>Rotation</B> 
</text> 

<line id="L3" type=DFD_DATAFLOW > 

<attachpoint attach=6 attachtype=center position=" -49 -26" clip=true> 

<attachpoint attach-l attachtype=center position="49 10" clip=tr\ie> 

< toar row type= " crow" > 

<action typeBclick> 

<ai name="Show DDE" disabledxa^ 
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href /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/" ></a></ai> 

<ai name = "Show DDE (in another window)" disabledxa 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/" 

target ="_blank" ></a></ai> 

</action> 

</line> 

<line id="L4" type=DFD_DATAFLOW > 

<attachpoint attach=2 attachtype=center position=" - 50 9" clip=true> 
<attachpoint attach=6 attachtype=center position="54 -16" clip=true> 

< t oarrow type = " crow" > 
<action type=click> 

<ai name="Show DDE" disabledxa 

href ="/ vista/ twk/cgi -bin/ twkget .pi ?Default/lrb/DDE/"></a></ai> 

<ai name="Show DDE (in another window)" disabledxa 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/" 

targe t="_blank" x/ax/ai> 

</action> 

</line> 

<line id="L5" type=DFD_bATAFLOW > 

<attachpoint attach=7 attachtype=center position*" - 52 -13" clip=true> 
<attachpoint attach=l attachtype=center position="33 38" clip=true> 

< toarrow type= " crow" > 
<action type=click> 

<ai name = "Show DDE" disabledxa 

href = " /vista/ twk/cgi -bin/ twkget .pl?Default /lrb/DDE/"x /ax /ai> 

<ai name="Show DDE (in another window)" disabledxa 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/" 

targets "_blank" x/ax/ai> 

</action> 

</line> 

<line id="L6" type=DFD_DATAFLOW > 

<attachpoint attach=l attachtype=center position*" -26 43" clip=true> 
<point position="490 653" > 

<attachpoint attach=3 attachtype=center position="-7 -50" clip=true> 
<toarrow type="crow"> 
<action type=click> 
<ai; :name="Show DDE" xa 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Speed"x/a></ai> 

<ai name="Show DDE <in another window)" xa 

href =" /vista/ twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Speed" 

targets "_blank" x/ax/ai> 

</action> 

</line> 

<text id="T14" type=text position="499 601" > 
<action type=click> 
<ai name="Show DDE" xa 

href =" /vista/ twk/cgi -bin/twkget.pl?Default/lrb/DDE/Speed"x/a></ai> 

<ai name="Show DDE (in another window)" xa 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Speed" 

targets "_blank" x/ax/ai> 

</action> 

<B>Speed</B> 

</text> 

<line id="L7" type=DFD_DATAFLOW > 

<attachpoint attach=l attachtype=center position="ll 49" clip=true> 
<point position="756 744"> 
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<attachpoinc attach=4 attachtype^center position=" -49 -10" clip=true> 

<toarrow type="crow"> 

<action type=click> 

<ai name="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Distance" ></a></ai> 
<ai name=:"Show DDE (in another window)" ><a 

href = " / vista/twk/cgi- bin/ twkget .pi ?Default/lrb/DDE /Distance" 

target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T15" type=text position="690 668"> 

<action type=click> 

<ai name="Show DDE" ><a 

href =:"/vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Distance" ></a></ai> 
<ai name = "Show DDE (in another window)" ><a 

href = " / vista/ twk/cgi-bin/ twkget .pl?Default/lrb/DDE/Distance" 

targe t="_blank" ></a></ai> 

</action> 

<B>Distance</B> 

</text> 

<line id="L8" type=DFD_DATAFLOW > 
<point positions" 375 895^' > 

<attachpoint attach=3 attachtype«center position=" -31 40" clip=true> 

<toarrow type=" crow" >' 

<action type=click> 

<ai name="Show DDE" ><a 

href =" /vista/twk/cgi -bin/twkget .pl?Default/lrb/DDE/Pedal_Def lection" ></'a 
></ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pi ?Default/lrb/DDE/Pedal_Def lection" 

target =" blank" ></a></ai> 

</action> 

</line> 

<text id="T16" type=text position="364 832"> 

<action type=click> 

<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi-bin/ twkget .pl?Default/lrb/DDE/Pedal_Def lection" ></a 
></ai> 

<ai name="Show DDE (in another window)" ><a 

href t=" /vista/ twk/cgi-bin/ twkget .pl?Default/lrb/DDE/Pedal_Def lection" 

target="_blank" ></a></ai> 

</actxon> 

<B>Pedal_ 

Def lection</B> 

</text> 

<line id="L9" type=DFD_DATAFLOW > 

<attachpoint attach=7 attachtype=center position="ll 26" clip=true> 

<attachpoint attach=4 attachtype=center position=" -36 -35" clip=true> 

<toarrow type="crow"> 

<action type=click> 

<ai name="Show DDE" disabledxa 

href = " /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/" ></a></ai> 
<ai name="Show DDE (in another window)" disabledxa 
href=:" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/" 
target="_blank" ></a></ai> 
</action> 
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< /I ine> 

<line id="L10" type=DFD_DATAFLOW > 

<attachpoint att:ach=4 attachtype=center position="ll 49" clip=true> 
<point positions" 1043 968"> 
<t:oarrow type = "crow"> 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/twkget . pl?Def ault /Irb/DDE/Display" ></a></ai> 
<ai name="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi -bin/twkget .pl?Default/lrb/DDE/Display" 

target-"_blank" ></a></ai> 

</action> 

</line> 

<text id="T21" type=text position=" 989 894" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Display" ></a></ai> 
<ai name=:"Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi -bin/twkget .pl?Def ault /Irb/DDE/Display" 

target="_blank" ></a></ai> 

</action> 

<B>Display</B> 

</text> 

<line id="Lll" type=DFD_DATAFLOW > 
<point position=" 1136 854" > 

<attachpoint attach=4 attachtype=center position="48 16" clip=true> 
<toarrow type="crow"> 
<action type=click> 

<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/twkget .pi ?Def ault /Irb/DDE/Fuel" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href = "/vista/twk/cgi -bin/twkget .pl?Def ault /Irb/DDE/Fuel" 

target="_blank" ></a>< /ai> 

</action> 

</line> 

<text id="T22" type=text position="1072 831" > 
<act"E.on type= click > 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget.pl?Default/lrb/DDE/Fuel"></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href=" /vista/ twk/cgi-bin/twkget.pl?Def ault /Irb/DDE/Fuel" 

target="_blank"></a></ai> 

</action> 

<B>Fuel</B> 

</text> 

</layer> 

<layer id=" Control" > 

<rectangle id="5" type ="DFD_CS PEC" position=" 1250 384" size="4 60" 

width=l color="red" fill="solid" > 

<action type=click> 

<ai names" Show c-Spec" ><a 

href="/vista/twk/cgi-bin/twkhgml ,pl?Default/lrb/PAT/0-sl"></a></ai> 

<ai name="Show C-Spec (in another window)" ><a 

href="/vista/twk/cgi-bin/twkhgml.pl?Default/lrb/PAT/0-sl" 

targe t = " _blank" >< /ax /ai > 

</action> 
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</rect:angle> 

<text id="0" type=text attach="5" attachtype="bottomright-outside" 

position="0 -10 0%" > 

<font color="green" > 

<B> PAT 

</B></f ont> 

<action type=click> 

<ai name =" Show C-Spec" ><a 

href = "/vista/twk:/cgi-bin/twkhgml .pl?Default/lrb/PAT/0-sl"></a></ai> 

<ai name="Show C-Spec (in another window)" ><a 

href = "/vista/twk/cgi-bin/twkhgTnl .pl?Default/lrb/PAT/0-sl" 

target="_blank" ></a></ai> 

</action> 

</text> 

<text: id="0" type=t:ext attaches" 5" attachtype="bott:omleft- outside" 

position="0 -100%" > 

<font color=!"blue"> 

0-sl 

</f ont> 

<action type=click> 

<ai name="Show C-Spec" ><a 

href = "/vista/twk/cgi-bin/twkhgml .pl?Default/lrb/PAT/0-sl"></a></ai> 

<ai name="Show C-Spec (in another window)" ><a 

href =" /vista/ twk/cgi -bin/ twkhgml .pl?Default/lrb/PAT/ 0-sl" 

targec="_blank"></a></ai> 

</action> 

</text> 

<line color="red" style="dash" id="L12" type=DFD_CONTROLFLOW > 
<point positions" 363 704" > 

<attachpoint attach=3 attachtype=center position^" -47 -18" clip=true> 
<toarrow type="open"> 
<action type=click> 
<ai names "Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Brake__Engaged"></a></ 
ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi -bin/ twkget.pl ?Default/lrb/DDE/Brake_Engaged" 

target="_blcuik" ></a></ai> 

</action> 

</line> 

<text id="T17" type=text position="358 717" > 
<action type=click> 
<ai name="Show DDE" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Brake_Engaged"></a></ 
ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Brake__Engaged" 

target="_blank" ></a></ai> 

</action> 

<B>Brake_ 

Engaged</B> 

</text> 

<line color="red" style="dash" id="L13" type=DFD_CONTROLFLOW > 
<point position="581 920" > 

<attachpoint attach=3 attachtype«center position=:"30 41" clip=true> 
<toarrow type-" open" > 
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<act:ion t:ype=click> 
<ai name="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Driver_Request" ></a>< 
/ai> 

<ai name = "Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Driver_Request" 

target = "__blank" >< /a></ai> 

</action> 

</line> 

<text idr:"T18" type=text: position*" 532 864" > 
<action type=click> 
<ai name="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Driver_Request"></a>< 
/ai> 

<ai -names: "Show DDE (in another window)" ><a 

href = " /vista/twk/cgi-bin/twkget . pl?Def ault/lrb/DDE/Driver_Request" 

targets "_blank" ></a></ai> 

</action> 

<B>Driver_ 

Request</B> 

</text> 

<line color="red" style=:"dash" id="Iil4" type=DFD_C0NTROLFLOW > 
<point positions" 649 689" > 

<attachpoint attach=3 attachtype=center position="40 -31" clip=true> 
< toarrow type= " open" > 
<action type=click> 
<ai name="Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pi ?Default/lrb/DDE/Engine_Running">< /ax 
/ai> 

<ai naTne = "Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pi ?Default/lrb/DDE/Engine_Running" 

target ="_blank" ></a></ai> 

</action> 

</line> 

<text id="T19" type=text positions" 558 693" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget ,pl?Default/lrb/DDE/Engine_Running" ></a>< 
/ai> 

<ai name = "Show DDE (in another window)" ><a 

href =" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Engine_RLinning" 

target = "_blaiik" ></a></ai> 

</action> 

<B>Engine_Running</B> 
</text> 

<line colors" red" style="dash" ids"L15" type=DFD_CONTROLFLOW > 
<point positions"1108 659" > 

<attachpoint attach=4 attachtypescenter positions" 18 -47" clipstrue> 
< toarrow types " open" > 
<action type=click> 
<ai names" Show DDE" ><a 

href s" /vista/twk/cgi-bin/twkget .pi ?Default/lrb/DDE/Maintenance_Reset__Com 
mand" ></a></ai> 

<ai names" Show DDE (in another window)" ><a 

href s" /vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Maintenance_Reset_Com 
mand" targets"_blank" ></a></ai>' 
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</act:ion> 
</line> 

<text id="T23" type=t:ext position=" 1022 682" > 
<action type=click> 
<ai name =" Show DDE" ><a 

href = " /vista/twk/cgi-bin/twkget .pl?Def ault/lrb/DDE/Maintenance_Reset:_Com 
mand" ></a></ai> 

<ai name="Show DDE (in another window)" ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Maintenance__Reset:_Com 

mand" target = "_blank" ></a></ai> 

</action> 

<B>Maintenance_ 

Reset_Cotnmand</B> 

</text> 

<line color="red" style="dash" id="L16" type=DFD_CONTROLFLOW > 
<point: positions" 815 905" > 

<attachpoint attach=4 attachtype=center position=" -39 31" clip=true> 

<toarrow type="open"> 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi-bin/twkget. pi ?Default/lrb/DDE/Monitor_Command"></a> 
</ai> 

<ai name="Show DDE (in another window)" ><a 

href =" /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Monitor_Command" 

target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T24" type=text position="831 850" > 
<action type=:click> 
<ai names "Show DDE" ><a 

href = "/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Monitor_Coromand"></a> 
</ai> 

<ai name-"Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi-bin/twkget.pl?Default/lrb/DDE/Monitor_Command" 

target="_blank" ></a></ai> 

</action> 

<B>Monitor_ 

Command</B> 

</text> 

<line color="red" style="dash" id="L17" type=DFD_CONTROLFL.OW > 
<point positions" 1140 499" > 

<attachpoint attach=5 attachtype=center positiono"-2 2" clip=true> 
<toarrow type="open"> 
<action type=click> 
<ai name="Show DDE" ><a 

href s"/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Activate"></a></ai> 
<ai name="Show DDE (in another window) " ><a 

href ="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Activate" 

target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T25" type=text position="1131 464" > 
<action type=click> 
<ai names" Show DDE" ><a 

href = " /vista/ twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Activate"></a></ai> 
<ai name="Show DDE (in another viJ^^o^^ " 
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href = " /vista/twk/cgi-bin/ twkget .pl?Def ault/lrb/DDE/Activate" 

targets" _blank" ></a></ai> 

< /action> 

<B>Activat:e</B> 

< /text > 

<line color="red" style="dash" id="L18" type=DFD_CONTROLFLOW > 
<point position="1105 404"> 

<attachpoint attach=5 attachtype=center position="-2 -2" clip=:true> 
<toarrow type="open"> 
<action type=click> 
<ai name="Show DDE" ><a 

href =" /vista/ twk/cgi -bin/ twkget. pl?Default/lrb/DDE/Measure_Signal">< /ax 
/ai> 

<ai name="Show DDE (in another window)" ><a 

href = " /vista/ twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Measure__Signal" 

target="_blank"></a></ai> 

</action> 

</line> 

<text id="T26" type=text position=" 1093 386"> 
<action type=click> 
<ai name =" Show DDE" ><a 

href="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Measure_Signal"></a>< 
/ai> 

<ai name="Show DDE (in another window)" ><a 

href=" /vista/ twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Measure_Signal" 

target ="_blank" ></a></ai> 

</action> 

<B>Measure_ 

Signal</B> 

</text> 

<line colors" red" style="dash" id="L19" type=DFD_CONTROLFLOW > 

<point position="1133 316" > 

<attachpoint attaches attachtype=center positions" -2 -15" clip=true> 
< toarrow type=s " open" > 
<action type=click> 
<ai names" Show DDE" ><a 

href="/vista/twk/cgi-bin/twkget.pl?Default/lrb/DDE/Engine_Running"></a>< 
/ai> 

<ai names" Show DDE (in another window)" ><a 

href=" /vista/ twk/cgi -bin/twkget.pl?Default/lrb/DDE/Engine_Running" 

target="_blank" ></a></ai> 

</action> 

</line> 

<text id="T27" typestext positions" 1088 336" > 
<action type=click> 
<ai names" Show DDE" ><a 

href="/vista/twk/cgi-bin/twkget .pl?Default/lrb/DDE/Engine_Riinning" ></a>< 
/ai> 

<ai names" Show DDE (in another window)" ><a 

hrefs" /vis ta/ twk/cgi -bin/ twkget .pl?Default/lrb/DDE/Engine_Running" 

target="_blank" ></a></ai> 

</action> 

<B>Engine_Running</B> 

</text> 

</layer> 

</diagram> 
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/body> 
/hgml> 
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Appendix V 

<h.gTnl > 

<head ></head> 
<body> 

<diagram Color=white Type=" ImageMap" Id«" ImageMap_Example" 
Title = "I mageMap_Examp 1 e " > 
<action type=click> 

<ai name="Mesa Homepage" default ><a 

href = " http : //www.mesasys , com" ></a></ai> 

<ai name="Mesa Homepage (in another window)" ><a 

href = " http : / /www . mesasys . com" target= "_blank" >< /ax /ai > 

<ai name="Mesa Tools" ><a 

href = " http : / /www.mesasys . com/tools" ></a></ai> 
<ai name="Mesa Services" ><a 

href = " http : / /www.mesasys . com/ services" >< /ax /ai> 
</action> 

<ellipse id="ll" type="HotSun" position=" 100 100" size="100 100" width=3 

colors" yellow" fill=solid > 

<action type=click> 

<ai name="Hot" default xa 

href = "http : //www. mesasys . com/hot" x /ax /ai> 

<ai name="Hotter" ><a href = " http : //www.mesasys . com/hotter" x /ax /ai> 
<ai name="Hottest" xa 

href =" http : / /www . mesasys . com/hottest" x/ax/ai> 

<ai name="Hell" xa href =="http : //www.mesasys . com/hell" x/a></ai> 

</action> 

</ellipse> 

<text id="lll" type=text attach="ll" attachtype=" center" position="0 0"> 
<CENTERxBxBIG>Hot<BR>Sun</BIGx/Bx/CENTER> 

< /text> 

<line id="112" type=SiinBeam width=5 color=" yellow" > 
<attachpoint attach=ll attachtype=center clip=true> 
<attachpoint attach=31 attachtype=left- inside clip=true> 
<action type=click> 

<ai name="Top Beam" xa href = "Something . . . " x/ax/ai> 

<ai name="Top Beam (in another window)" xa href =" Something ... " 

targe t = " _blank" x/ax/ai> 

</action> 

</line> 

<line id="113" type=SunBeam width=5 color=" yellow" > 
<attachpoint attach=ll attachtype=center clip=true> 
<attachpoint attach=32 attachtype=left- inside clip»true> 
<action type=click> 

<ai name="Middle Beam" xa href =" Something ..." x/ax/ai> 

<ai name="Middle Beam (in another window)" xa href =" Something. " 

target="_blank"x/ax/ai> 

</action> 

</line> 

<line ids="ll4" type=SunBeam width=5 color="yellow" > 
<attachpoint attach«ll attachtype=center clip=true> 
<attachpoint attach=33 attachtype=topleft- inside clip=true> 
<action type:=click> 

<ai name="Bottom Beam" xa href ^"Something . . . " x/ax/ai> 

<ai name="Bottom Beam (in anothfer window)" xa href =" Some thing. " 
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target="_blank" ></a></ai> 

</action> 

</line> 

<layer id=s" Image" > 

<image enable=false src=" snowman . gif" id="l" type=" Snowman" 
position="100 100" size="500 500"> 
</ image > 
</layer> 

<layer id="Visible Hot Spots" > 

<ellipse enable=false id="21" type="Top" position=" 250 120" size="230 

190" width=3 color="yellow" > 

</ellipse> 

<text id="211" type=text attach=s"21" attachtype=" center" position="0 0"> 
<CENTER><B><BIG>Top</BIG></B></CENTER> 

</text> 

<ellipse enable=false id="22" type="Middle" position=:"230 310" si2e="2S0 

140" width=3 color="yellow" > 

</ellipse> 

<text id="221" type=text attach=:"22" attachtype=" center" position="0 0"> 

<CENTER><B><BIG>Middle</BIG></B></CENTER> 

</text> 

<ellipse enable^false id="23" type=" Bottom" position="200 450" size="330 

150" width=3 color="yellow" > 

</ellipse> 

<text id="231" type=text attach="23" at tachtype=" center" position="0 0"> 

<CENTER><B><BIG>Bottora</BIG></B></CENTER> 

</text> 

</ layer > 

<layer id=" Invisible Hot Spots" > 

<ellipse id="31" type="Top" position="250 120" size="230 190" width=3 
color=" invisible" > 
<action type=:click> 

<ai names"Top First Link" default ><a 

href ="http : //www. mesasys . com/first" ></a></ai> 

<ai name="Top Second Link" ><a 

href ="http : //www. mesasys . com/ second" >< /ax /ai> 
<ai name="Top Third Link" ><a . 
href ="http : //www. mesasys . com/ third" ></a></ai> 
<ai name="Top Fourth Link" ><a 

href ="http : //www. mesasys . com/fourth" ></a></ai> 
<ai name="Top Fifth Link" ><a 

href ="http: //www. mesasys . com/f if th" ></a></ai> 

</action> 

</ellipse> 

<ellipse id="32" type="Middle" position="230 310" size="250 140" width=3 
color=" invisible" > 
<action type=click> 

<ai name="Middle First Link" default ><a 

href ="http : //www. mesasys . com/first" ></a></ai> 

<ai name="Middle Second Link" ><a 

href ="http : //www. mesasys . com/second" ></a></ai> 

<ai name=" Middle Third Link" ><a 

href = "http : //www . mesasys . com/ third" ></a></ai> 

<ai name="Middle Fourth Link" ><a 

href ="http : //www. mesasys . com/f ourth"></a></ai> 

<ai name="Middle Fifth Link" ><a 
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href ="http : / /www . mesasys . com/f if th" ></a></ai> 

</action> 

</ellipse> 

<ellipse id="33" type= "Bottom" position="200 450" size="330 150" width=3 
color=" invisible" > 
<action type=click> 

<ai name=" Bottom First Link" default ><a 

href ="http : //www. mesasys . com/first" ></a></ai> 

<ai name=" Bottom Second Link" ><a 

href ="http : //www. mesasys . com/second" ></a></ai> 

<ai name="Bottom Third Link" ><a 

href ="http : //www. mesasys . com/ third" ></a></ai> 

<ai name=" Bottom Fourth Link" ><a 

href ="http : //www. mesasys . com/ fourth" ></a></ai> 

<ai name="Bottom Fifth Link" ><a 

href ="http: //www. mesasys .com/fifth" ></a></ai> 

</action> 

</ ellipse> 

</layer> 

</diagram> 

< /body> 

</hgml> 
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1 . A computer system for generating and displaying electronically published 
documents having a plurality of markup elements, the computer system comprising: 

a display configured to display an input electronic docimient to a user; and 
a processor which processes the input electronic docximent and generates a 
first image on the display of the computer system on the basis of the plurality of 
markup elements, wherein the processor is responsive to an input of the user to 
generate a second image of the input electronic document based on the user input. 

2. The computer system according to claim 1 , wherein the processor 
instantiates a first object corresponding to at least one of the plurality of markup elements. 

3. The computer system according to claim 1 , wherein at least one of the 
plurality of markup elements is a graphics element. 

4. The computer system according to claim 3, wherein the processor 
instantiates an object corresponding to the graphics element, 

5. The computer system according to claim 2, wherein the processor 
instantiates a parser object configured to parse the input electronic document. 

6. The computer system according to claim 2, wherein the processor 
instantiates a second object having a defined relation to the first object and is adapted to 
change a representation of the second object when a representation of the first object is 
changed. 

7. The computer system according to claim 2, wherein the processor 
instantiates a view handler object that responds to user input. 
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8. The computer system according to claim 7, wherein the processor 
instantiates a parser object configured to parse the input electronic document and wherein the 
processor instantiates a diagram object based on the plurality of markup elements. 

9. The computer system according to claim 8, wherein the diagram object 
includes a plurality of shape objects which represent graphic markup elements. 

10. The computer system according to claim 9, wherein the diagram object 
includes a plurality of layers with which are associated each of the plurality of shape objects. 

1 1 . The computer system according to claim 10, wherein the processor is 
adapted to a display one or more of the plurality of layers. 

12. The computer system according to claim 4, wherein selection of a graphics 
object by a user invokes a menu of selectable actions. 

13. The computer system according to claim 12, wherein one or more of the 
selectable actions have an associated link to another input electronic document. 

14. The computer system of claim 1, wherein the first object is responsive to the 
user input and wherein the processor generates an updated display of the first object based on 
the user input. 

15. The computer system according to claim 14, wherein the first object is 
associated with a graphics element, and is responsive to a function and wherein the function 
provides the updated display is different than an original display of the first object. 

16. The computer system according to claim 1 5, wherein the processor 
instantiates a second graphics object having a defined relation to the first graphics object and 
is adapted to change a representation of the second graphics object when the original display 
is updated. 
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17. An electronically published document comprising a computer readable 
medium with computer logic stored thereon and defining descriptive markup defining several 
tags, wherein each tag defines an element, wherein an element is interpreted to define a 
diagram containing a plurality of layers, wherein each layer contains several graphical 

5 objects, and wherein each object may have associated therewith a menu of actions or 
hypertext links. 

18. A computer system or computer-implemented process which processes such 
an electronically published document as defined in claim 17 and generates on a computer 

10 display the diagram defined by the descriptive markup, wherein the different layers of the 
document are displayed selectively. 

19. A computer-readable medium having computer-readable logic stored therein 
defining a data structure for representing an electronic document, the data structure 

15 comprising: 

means defining the electronic document as a plurality of markup elements 
defining a first one of the plurality of markup elements wherein the one includes an 
attribute expressing relation to a second element. 

20 20. The computer-readable medium of claim 19, wherein the one of the plurality 

of markup elements may be instantiated as an object by a computer process. 

21 . The computer-readable medium of claim 19, wherein the one of the plurality 
of markup elements is a graphics element. 

25 

22. The computer-readable mediimi of claim 19, the data structure further 
comprising means for defining a menu having selections associated with the one, wherein 
each element has an associated link. 

30 23. The computer-readable medium of claim 19, wherein the first and second 

elements are graphical elements, and wherein an interpreted display of the first element 
depends on attributes of the second object. 
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24. An object-oriented computer system for generating and displaying an 
electronic document including a plurality of markup language elements, the system 
comprising: 

a parser object class wherein an instance of the parser object class comprises 
5 a method adapted to parse the electronic document; 

a diagram object class wherein an instance of the diagram object class is 
generated by the parser object class cind comprises a plurality of shape objects 
representing graphic elements; and 

a view handler object class wherein an instance of the view handler object 
10 class comprises a method for manipulating the diagram object used by the parser 

object class to generate an updated diagram object. 

25. The object-oriented system of claim 24 wherein a first instance of the shape 
object class has a defined relation to a second instance of the shape object class and is adapted 

15 by a change in the second instance. 

26. A method for generating and displaying an electronically-published 
docimient having a plurality of markup elements, the method comprising the steps of: 

parsing an input electronic document; 
20 generating a display of the input electronic document; 

responding to a user input by generating a different display of the electronic 
document based on the user input. 

27. The method according to claim 26, wherein the parsing step includes the 

25 steps of: 

reading a markup element of the input electronic document; and 
instantiating a first object associated with the markup element. 

28. The method according to claim 27, wherein the responding and generating 
30 step includes the steps of: 

determining a change in the first object based upon the user input; 
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determining a change in a second object based on the change in the first 



object 



and 



generating a display of the changed first and second objects. 



5 



29. 



The method according to claim 28, wherein the first and second objects are 



graphics objects and the change in the first object is a change in zoom. 

30. The method according to claim 26, wherein the input electronic document 
comprises a plurality of markup elements wherein at least one of the markup elements is a 
10 graphics element, and wherein the responding step includes the steps of: 
displaying the graphics element; and 

generating, in response to the user input, a different display of the graphics 
element. 

15 31. A method for processing an electronically-published document having a 

plurality of markup elements, the method comprising the steps of: 



20 



parsing an input electronic document; 

reading a plurality of markup elements of the input electronic document; 
instantiating objects corresponding to the plurality of markup elements; and 
generating output and accepting inputs, by at least one object to a user. 
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Attachment 



llformat:int 
II in_out:int 
II offsetX:float 
II offsetY-.float 

II offsetByPercentage:boolean 



Attachment AttachmentCAII Params") 
setFormatdnt formatjnt ln_outl 
int getFormat 
int getlnOut 

DiagramObject getAttached 

float getOffsetX 

float getOffsetY 

boolean offsetlsPercenfage 

String toHGAAL 

String toString 
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SelectedObjects 



SelectedObjects SelectedObjects 

toagleSelection(Graphics g^DiagramObjectdo^DisplayArea da) 
seTectlGraphics g,DiagramObject do.DisplayArea da) 
deselectlGraphics g,DiagramObject do,DisplayArea do) 
II showlGraphics g^DiagromObject do^DisployAreo da) 
boolean isSelectedlDiagramObject do) 
DiagramObject getFirst 
deselectAIKGraphics g^DisplayArea da) 
showAIISelededlGraphics g,DisplayArea da) 
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Diagram Object 


1 id:String 




1 enable:boolean 




1 descriptioniTextBlock 




1 typeiString 





l..n 



O 



DiagromObject DiagrcmObjectlString id) 

DiagromObject DiagramObjecHString id.Shape shapeJextBlock description) 
DiagromObject DiagramObjectjString id,Shape,String type JextBlock description) 
paint(Graphics g,float scale) 
layout 

addAttribute(Attributeatt) 
attach(Attachment ott) 
Attachment getAttochment 
setldlString id) 
String gettd 
String getType 
setTypelString type) 
se6hape(Shape shape) 
Shape ge6hape 
setEnablelbooleon enable) 
boolean isEnobied 
TextBlock getDescription 
setDescriptionfTextBlock description) 
processEventlEvent evt) 
selectlboolean select) 
offsetlint xj'nt y) 
String toHGAAL 

A — 



l..n 



262 



Group Object 



layout 

paintlGrophics g.float scale) 
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Single Object 



layout 

patntlGrophics g.float scale) 



Fig. 17F 



SUBSTITUTE SHEET (RULE 26) 



INTERNATIONAL SEARCH REPORT 



inte' jnat AppHcation No 

PCT/US 98/01763 



A. CLASSIFICATION OF SUBJECT MATTER 

IPC 6 G06F17/21 G06F17/30 



According to international Patent Classtfication(IPC) or to both national classificatton and IPC 



8. FIELDS SEARCHED 



Minimum documentation searched {classification system followed by classification symbols) 

IPC 6 G06F 



Documentation searched other than minimum documentation to the extent that such documents are Included in the fields searched 



Electronic data base consulted during the international search (name of data base and, where practical, search terms used) 



C. DOCUMENTS CONSIDERED TO BE RELEVANT 



Category Citation of document, with indication, where appropnate. of the relevant passages 



Relevant to claim No. 



EP 0 753 835 A (SONY) 15 January 1997 



1-31 



see page 9, 1 ine 57 
see page 13, line 52 
see page 16, line 48 
see page 13, line 39 

EP 0 530 678 A (IBM) 

see page 7, 1 ine 2 - 

see page 8, 1 ine 32 - 

see page 10, line 5 - 



page 10, 

- 1 ine 59 

- line 58 

- line 40 



10 March 1993 
1 ine 4 

line 57 

1 ine 14 



line 47 



US 5 572 643 A (JUDSON) 5 November 1996 
see column 7, line 67, last paragraph - 
column 8, line 12 



1-31 



5-8,24 



□ 



Further documents are listed in the continuation of box C. 



Patent family members are listed in annex. 



^ Special categories of cited documents : 

"A" document defining the general state of the art which is not 
considered to be of particular relevance 

"E" earlier document but published on or after the international 
filing date 

"L" document which may throw doubts on priority daim(s) or 
which is cited to establish the publication date of another 
citation or other special reason (as specified) 

"O- document referring to an oral disclosure, use, exhibition or 
other means 

"P" document published prior to the international filing date but 
later than the priority date claimed 



T" later document published after the international filing date 
or priority date and not in conflict with the application but 
cited to understand the principle or theory underlying the 
invention 

"X" document of particular relevance; the claimed invention 
cannot be considered novel or cannot be considered to 
involve an inventive step when the document is taken alone 

"Y" document of particular relevance; the ctaimed invention 

cannot be considered to involve an inventive step when the 
document is combined with one or more other such docu- 
ments, such combination being obvious to a person skilled 
in the art. 

"& " document member of the same patent family 



Date of the actual completion of the international search 



28 May 1998 



Date of mailing of the international search report 



05/06/1998 



Name and mailing address of the ISA 

European Patent Office. P.B. 5818 Patentlaan 2 
NL - 2280 HV Riiswijk 
Tel. <+31-70) 340-2040. Tx. 31 651 epo nl, 
Fax: (+31-70) 340-3016 



Authorized officer 



Pottlez, M 



Form PCT/IS A/210 (second shMt) (July 1992) 



INTERN ATIQNAt-^ SEARCH REPORT 

inrormation on patent tamiiy memDers 



Intf .onal Application No 

PCT/US 98/01763 



Patent document 
cited in search report 


Publication 
date 


Patent family 
member(s) 


Publication * 
date 


EP 0753835 


A 


1 C— ni —1 Q07 


CA 


2180899 


A 










JP 


9081782 


A 


28-03-1997 


EP 0530678 


A 


10-03-1993 


US 


5367621 


A 


22-11-1994 








JP 


5204989 


A 


13-08-1993 








JP 


7066393 


8 


19-07-1995 



US 5572643 A 05-11-1996 AU 7458896 A 07-05-1997 

WO 9715020 A 24-04-1997 
US 5737619 A 07-04-1998 



Foim PCT/ISA/210 (pat«nl family annex) (July i992> 



J 



PAGE BUNK 



(USPTO) 



